일반적인 JS 양식 유효성 검사 방법_javascript 기술 요약

코드 복사 코드는 다음과 같습니다.

함수 check_1(param){//비어 있지 않음
if(param==""||param==null){return false;}else{return true;}
}
함수 check_2 ( param){//길이 제한, 영문자 10자, 한자 10자
if(param.length>10){return false;}else{return true;}
}
function check_3(param ){ //한자만 입력 가능
var Pattern= /^[u4e00-u9faf] $/;
var flag = Pattern.test(param)
if(flag==false){return false ;}else{return true;}
}
function check_4(param){//숫자만 입력할 수 있습니다.
var Pattern= /^[0-9] $/
var flag = 패턴 .test(param);
if(flag==false){return false;}else{return true;}
}
function check_5(param){//숫자, 문자 및 밑줄만 사용할 수 있습니다. 입력됨
var Pattern= /^[0-9a-zA-z_] $/;
var flag = Pattern.test(param)
if(flag==false){return false;} else{return true ;}
}
function check_6(param){//이메일 형식 확인
var 패턴= /^([a-zA-Z0-9] [_|_|.]? )*[a -zA-Z0-9] @([a-zA-Z0-9] [_|_|.]?)*[a-zA-Z0-9] .[a-zA-Z]{ 2,3} $/;
var flag = 패턴.test(param);
if(flag==false){return false;}else{return true;}
}
function check_7 (param){ //URL 형식 확인
var 패턴= /^((https|http|ftp|rtsp|mms)?://)?(([0-9a-z_!~*'(). &= $% -] : )?[0-9a-z_!~*'().&= $%-] @)?(([0-9]{1,3}.){3}[0 -9]{ 1,3}|([0-9a-z_!~*'()-] .)*([0-9a-z][0-9a-z-]{0,61})? [0-9a -z].[a-z]{2,6})(:[0-9]{1,4})?((/?)|(/[0-9a-z_!~*'( ).;? :@&= $,%#-] ) /?)$/;
var flag = Pattern.test(param)
if(flag==false){return false;}else {return true; }
}
function check(){
var value=document.getElementById("testValue").value
var result=check_7(value);//이름 설정 여기에 검증 함수 중 check_1부터 check_7까지 일반적으로 사용되는 7개의 양식 검증 함수를 작성했습니다.
if(result==false){
document.getElementById("testValue").style.border="2px solid red" ;
}else{
//document.getElementById("testValue").style.border="2px 단색 녹색";
document.getElementById("testValue").style.border="";
}
}

다음을 입력하세요:
< ;input id="" name="" class="" type="button" value="확인하려면 클릭하세요" style="width:70px;height:30px;" onclick="check()"> ;