javascript 전화번호 휴효성 검사

input에 타이핑할 때마다 들어온 문자열이 유효하지 않을 경우 안내 문구 UI를 .show(); 하다.

규칙에 맞는 문자열이 완성될 경우 안내문구 UI를 .hide(); 한다.

 

	/*전화번호 수동 입력시 자동완성 기능. js_tel_in_format클래스는 모두 적용됨.*/
	$(document).on("keyup", ".js_tel_in_format", function(idx,data) {
		$(this).val( $(this).val().replace(/[^0-9]/g, "").replace(/(^02|^0505|^1[0-9]{3}|^0[0-9]{2})([0-9]+)?([0-9]{4})$/,"$1-$2-$3").replace("--", "-") ); 
		//휴대폰 휴효성 검사
		if($(this).attr("id") == "userMobile"){
			var reg_mobile = /^01([0|1|6|7|8|9]?)-?([0-9]{4})-?([0-9]{4})$/;
			var userMobil = $('#userMobile').val().trim();
			if(!reg_mobile.test(userMobil)){
	    			$('#userMobileText').show();
			}else{
	    			$('#userMobileText').hide();
			}
		}
		//일반전화 유효성 검사
		if($(this).attr("id") == "userPhone"){
			var reg_phone = /^(0(2|3[1-3]|4[1-4]|5[1-5]|6[1-4]))-(\d{3,4})-(\d{4})$/;
			var userPhone = $('#userPhone').val().trim();
			if(!reg_phone.test(userPhone)){
	    			$('#userPhoneText').show();
			}else{
	    			$('#userPhoneText').hide();

			}
		}
		//일반전화 유효성 검사
		if($(this).attr("id") == "userFax"){
			var reg_fax = /^(0(2|3[1-3]|4[1-4]|5[1-5]|6[1-4]))-(\d{3,4})-(\d{4})$/;
			var userFax = $('#userFax').val().trim();
			if(!reg_fax.test(userFax)){
	    			$('#userFaxText').show();
			}else{
	    			$('#userFaxText').hide();

			}
		}
		
	});

내용을 좀더 보강하여 추가로 게시물을 작성 함.

https://graykang.tistory.com/126

jquery+javascript 전화번호 자동완성 및 유효성검사