Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung gängiger JS-Formularvalidierungsmethoden_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 16:47:21
Original
981 Leute haben es durchsucht
Code kopieren Der Code lautet wie folgt:





Funktionsprüfung_1(param){//Nicht leer
if(param==""||param==null){return false;}else{return true;}
}
Funktionsprüfung_2 ( param){//Längenbegrenzung, 10 Buchstaben und 10 chinesische Zeichen
if(param.length>10){return false;}else{return true;}
}
function check_3(param ){ //Es können nur chinesische Zeichen eingegeben werden
var pattern= /^[u4e00-u9faf] $/;
var flag = pattern.test(param);
if(flag==false){return false ;}else{return true;}
}
function check_4(param){//Es können nur Zahlen eingegeben werden
var pattern= /^[0-9] $/;
var flag = Muster .test(param);
if(flag==false){return false;}else{return true;}
}
function check_5(param){//Nur Zahlen, Buchstaben und Unterstriche können eingegeben werden
var pattern= /^[0-9a-zA-z_] $/;
var flag = pattern.test(param);
if(flag==false){return false;} else{return true ;}
}
function check_6(param){//E-Mail-Formatüberprüfung
var pattern= /^([a-zA-Z0-9] [_|_|.]? )*[a -zA-Z0-9] @([a-zA-Z0-9] [_|_|.]?)*[a-zA-Z0-9] .[a-zA-Z]{ 2,3} $/;
var flag = pattern.test(param);
if(flag==false){return false;}else{return true;}
}
function check_7 (param){ //URL-Formatüberprüfung
var pattern= /^((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); {return true; }
}
function check(){
var value=document.getElementById("testValue").value;
var result=check_7(value);//Legen Sie den Namen fest Für die Verifizierungsfunktion hier habe ich sieben häufig verwendete Formularvalidierungsfunktionen von check_1 bis check_7 geschrieben
if(result==false){
document.getElementById("testValue").style.border="2px solid red" ;
}else{
//document.getElementById("testValue").style.border="2px solide grün"
document.getElementById("testValue").style.border="";
}
}



Bitte eingeben:
< ;input id="" name="" class="" type="button" value="Zum Verifizieren klicken" style="width:70px;height:30px;" onclick="check()"> ;
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage