졔 개발일지

[jQuery]한글 /숫자만 입력 가능 하게 본문

프론트(html,jQuery,javascript)

[jQuery]한글 /숫자만 입력 가능 하게

김지지지 2022. 9. 16. 14:31
input 창에 한글만 쓰도록 막기
$(function(){
      $(".selecter").keyup(function (event) {
            regexp = /[a-z0-9]|[ \[\]{}()<>?|`~!@#$%^&*-_+=,.;:\"'\\]/g;
            v = $(this).val();
            if (regexp.test(v)) {
                alert("한글만 입력가능 합니다.");
                $(this).val(v.replace(regexp, ''));
            }
        });
  });

 

input 창에 숫자만 쓰도록 막기

 

$(function(){
      //일반 폼
$(".selecter").keyup(function (event) {
            regexp = /[^0-9]/gi;
            v = $(this).val();
            if (regexp.test(v)) {
                alert("숫자만 입력가능 합니다.");
                $(this).val(v.replace(regexp, ''));
            }
        });


//동적 폼 겸용
$(document).on('keyup', '.onlyNum', function(event){
regexp = /[^0-9]/gi;
v = $(this).val();
if (regexp.test(v)) {
alert("숫자만 입력가능 합니다.");
$(this).val(v.replace(regexp, ''));
}
});
});
 

 

* 숫자만 입력되는 정규식
regexp = /[^0-9]/gi;

* 영문만 입력되는 정규식
regexp = /[^a-z]/gi;

* 한글만 입력되는 정규식
regexp = /[a-z0-9]|[ \[\]{}()<>?|`~!@#$%^&*-_+=,.;:\"'\\]/g;

* 숫자,영문이 입력되는 정규식
regexp = /[^a-z0-9]/gi;

* 한글, 숫자만 입력되는 정규식 
regexp = /[^ㄱ-ㅎ가-힣0-9]/gi;

* 영문, 숫자만 입력되는 정규식
regexp = /[ㄱ-힣~!@#$%^&*()_+|<>?:{}= ]/g

* 한글만 입력 안되게
regexp =  /[ㄱ-힣]/g

 

- 영어 숫자 조합(1자리 이상 11자리 미만 체크)
let reg = /^(?=.*?[a-z])(?=.*?[0-9]).{1,11}$/;

- 영어 + 숫자 + 특수문자 조합 체크 (8자리 이상 16자리 미만)
let reg = /^(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,16}$/;

if(false === reg.test(체크해야 할 변수명)){
   alert('아이디는 10자 이하여야 하며, 영문자, 숫자를 모두 포함해야 합니다.');

 

'프론트(html,jQuery,javascript)' 카테고리의 다른 글

[Javascript] 브라우저 제한  (0) 2022.12.13
에디터  (0) 2022.10.14
[ajax]폼데이터  (0) 2022.09.30
jsp 페이지 이동  (1) 2022.09.30
[jQuery] 기본 개념  (0) 2022.09.22
Comments