간단한 정규식을 활용한 input 입력 제한

자바스크립트에서 정규식을 활용하여 특정 문자 이외의 입력이 들어오는것을 방지할 수 있습니다.

예전에 쓴 글에 정규식이 몇가지 있었지만, 너무 중구난방으로 되어있어서 정규식을 잘 활용할 수 있도록 다시 정리를 하였습니다.

이전글 : input text 입력 제한 기능 정리

1. 숫자만 체크하는 정규식 : /^[0-9]+$/

2. 완성형 한글만 체크하는 정규식 : /^[가-힣]+$/

3. 완성형 한글과 영문, 띄어쓰기를 체크하는 정규식 : /^[가-힣a-zA-Z\s]+$/

4. 완성형 한글과 영문, 띄어쓰기를, 일부 특수기호(, - #)를 체크하는 정규식 : /^[가-힣a-zA-Z\s,-#]+$/

기본 형태에 필요한 부분을 추가해 나가면 됩니다.

완성형 한글, 영문, 띄어쓰기만 입력이 되어야 하는 input#pName 이 있을 때, 아래와 같이 focusout시 정규식 체크를 통해 정규식 이외의 것들이 포함되어있는지 확인 할 수 있습니다.

var replaceName = /^[가-힣a-zA-Z\s]+$/
 
$("#pName").on("focusout", function() {
    var x = $(this).val();
    if (x.length > 0) {
        if (!x.match(replaceName)) {
           alert("이름은 한글, 영문만 입력 가능합니다.");
        } 
    }
});