[JAVASCRIPT] input box 입력 타입 제한
2020. 10. 20. 15:50ㆍJAVASCRIPT
회원가입시 전화번호 입력 및 아이디 립력 등 input 형태의 타입에 입력 타입에 대한 제한이 있는 경우
사용할기 위해 만들어보았습니다.
예를들어 숫자만 입력을 해야하는경우 , 알파벳만 입력해야하는경우 , 특수문자를 제외해야하는 경우등...
아래 예시는 전화번호 입력시 숫자 입력만을 위한 예시입니다.
<script>
$("#tel").keyup(function (){
chk_input_filter("number", $("#tel"));
});
function chk_input_filter(type, obj){
var str = $(obj).val();
if(type == 'alphabet'){
//영문만 허용
$(obj).val(str.replace(/[^a-z]/gi,""));
}else if(type == 'number'){
//숫자만 허용
$(obj).val(str.replace(/[^0-9]/gi,""));
}else if(type == 'alphabet_number'){
//영문 , 숫자만 허용
$(obj).val(str.replace(/[^a-z0-9]/gi,""));
}else if(type == 'non_spec'){
//특수문자 비허용
$(obj).val(str.replace(/[~!@#$%^&*()_+|<>?:;{}`\-\=\\\,.'"\[\]/]/gi,""));
}else if(type == 'name'){
//특수문자, 숫자 비허용
$(obj).val(str.replace(/[~!@#$%^&*()_+|<>?:;{}`\-\=\\\,.'"\[\]/0-9]/gi,""));
}
}
</script><html>
<body>
<form>
<input type="text" id="tel" name="tel" maxlength="11">
</form>
</body>
</html>'JAVASCRIPT' 카테고리의 다른 글
| [javascript] array push 시 마지막 push 값으로 중복 입력되는 문제 (0) | 2022.07.18 |
|---|---|
| [JAVASCRIPT] 개행 문자 처리 (0) | 2021.10.18 |
| [Javascript] 이메일 정규식 사용 형식 체크 (1) | 2020.10.05 |
| [Javascript] 파라미터 값 받기 (0) | 2019.05.21 |
| [Javascript] 클립보드 복사 (0) | 2019.05.13 |