<HTML> <Head> <MetaCharSet= "Utf-8"/> <Scriptsrc= "Http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></Script> </Head><Body> <fieldset> <legend>Input limits</legend> <Divstyle= "font-size:12px; color:red;">1. All input boxes are required; 2. Mailboxes and phones must be digital</Div> <inputtype= "text"class= "IPT"Data-name= "Name"placeholder= "Name" /><BR/> <inputtype= "text"class= "IPT"Data-name= "Gender"placeholder= "Gender" /><BR/> <inputtype= "text"class= "IPT"Data-name= "Age"placeholder= "Age" /><BR/> <inputtype= "text"class= "IPT"Data-name= "Phone"Data-type= "num"placeholder= "Phone" /><BR/> <inputtype= "text"class= "IPT"Data-name= "Postcode"Data-type= "num"placeholder= "Postcode" /><BR/> <Buttononclick= "tt ()">Submit</Button> </fieldset> <Scripttype= "Text/javascript"> //all input boxes must be filled varIPT=$("input"); functiontt () { for (varI=0; I<ipt.length; I++) { if(Ipt.eq (i). Val ()=="") {alert (Ipt.eq (i). attr ("Data-name")+"cannot be empty"); return false; } } } //mailboxes and phones must be numbers [of course also can be set directly to input type number] varIptnum=$("input[data-type= ' num ']"); Iptnum.blur (function(){ varNum=/^[0-9]*$/; if(!num.test ($ ( This) (Val ())) {Alert ("Please enter a number") return false; } }) </Script></Body></HTML>
Input validation (non-plug-in)