[JavaScript] oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" 사용자가 숫자만 입력하게 하기

 

웹 개발을 하다보면 , 휴대폰 번호, 카드 번호, 사업자등록 번호, 생년월일 등

input에서 '숫자'로만 입력받아야하는 케이스가 있다.

 

아예 input 에서 숫자키만 허용하게 하는 간단한 코드 삽입 방법이 있다.

  

    
    
    
    
  
oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"

 

예시

  

    
    
    
    
  
  <input type="text" class="form-control" maxlength="4" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" 
 placeholder="0000" id="default input example"/>

 

아래 input창은 '숫자'만 입력 받는다.