[JAVASCRIPT] input box 입력 타입 제한

JAVASCRIPT

[JAVASCRIPT] input box 입력 타입 제한

gomest 2020. 10. 20. 15:50

회원가입시 전화번호 입력 및 아이디 립력 등 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>