자주 사용하는 예제로 알아보는 정규 표현식 (정수 및 소수)

안녕하세요. 경제적, 시간적 자유를 꿈꾸는 한량입니다.

자바스크립트 정규식을 활용하여 정수 및 소수를 검증하는 소스입니다.

자바스크립트

function check_number() {

  var number = document.getElementById("number").value;

  var regNumber = /^[-]?(\d)+.?(\d)+?$/;

  if (regNumber.test(number) == true) {

    alert("정수 및 소수가 맞습니다.");

  }

}

 

HTML

<input type="text" id="number" name="number" />

<input type="button" onclick="check_number()" value="숫자 확인" />

 

regNumber에 작성한 정규식을 알아봅시다. 
→ ^[-]? : [-]로 시작하나 있어도 없어도 됩니다.
→ (\d)+ : 숫자 1회 이상 포함해야 합니다.
→ .? : 닷(.)은 있어도 없어도 됩니다.
→ (\d)+?$ : 1회 이상의 숫자를 포함한 수로 끝나야 하며 있어도 없어도 됩니다.


위 조건을 만족하면 regNumber.test(number)를 통과하여 true라는 값을 반환하여 alert를 보여 줍니다.

 

regNumber에 작성한 정규식의 다른 표현

var regNumber = /^[-]?[0-9]+.?[0-9]+?$/;

var regNumber = /^[-]?\d+(?:[.]\d+)?$/;

 

아래 사이트는 정규식을 테스트 할 수 있는 사이트입니다.

https://regexr.com/

RegExr: Learn, Build, & Test RegEx