[Java Script/자바스크립트] 정규식을 이용한 숫자만 입력 받기

1. TAG 대 함수 매칭에 단순한 체크

// 키-업 이벤트 발생 시, 체크 함수 호출

$("태그 아이디").keyup(function(e){onlyNumberChecker(this)});

// 숫자 체크 함수

function onlyNumberChecker(_this, e, maxLen) {

if($(_this).val() != undefined){

       var number = /[^0-9]/; //숫자만 허용

   if ( str.search(number)!=-1 || str.length == 0 ){

 $(_this).val(str.replace(/[^0-9]/gi,''));

 return;

    }

}

}

--

Jquery 없이 자바스크립트로만 쓰고 싶다면

document.getElementById() 와 .value() 를 잘 활용하면 된다.

2. 클래스 지정을 이용한 체크

function checkTextLength(_this, maxLen) {

if($(_this).val() != undefined){

var curLen = $(_this).val().length;

if(curLen > maxLen){

var str = $(_this).val().substring(0, maxLen);

$(_this).val(str);

return false;

}

}

}

// Max 길이클래스로 활용하여 길이 체크

$(document).ready(function(){

$(".input-checker-32").each(function() {

$(this).keyup(function(){checkTextLength(this, 32)});

});

$(".input-checker-160").each(function() {

$(this).keyup(function(){checkTextLength(this, 160)});

});

});