[javascript] input에 정규식을 이용해 숫자만 입력되게 하기

name값을 onlyNumber로 셋팅한 input에 'input' 이벤트리스너를 걸어주었다.

input이 여러개일 때에는 forEach 또는  for문을 이용해서 이벤트 리스너를 걸어주면 된다.

 

• 숫자 정규식 : /[^0-9]/g
• input event : 키보드 이벤트 뿐만 아니라 어떤 방법으로든 input의 value값이 변경된 직후에 사용된다. 

정규식을 이용해 숫자가 아닌 값이 입력됐을 시 ''(공백)으로 바꿔서 숫자만 남기도록 한다.

document.querySelector('input[name="onlyNumber"]').addEventListener('input', function(e){
	e.value = e.value.replace(/[^0-9]/g,'')
})