6.1validate
validate的插件为
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script> <script type="text/javascript" src="../messages_zh.js"></script>上面那个是引用validate
下面的messages使提示变为中文
(1)required,必填字段
<input type="text" id="text1" required/>
(2)email,验证邮箱格式,支持很多形式的邮箱
<input type="email"id="email"required/>
(3)url,验证网址,比如:http://www.baidu.dom
不支持www.baidu.dom
<input type="url"id="url"required >
maxlength ,输入字符的最大长度
<input type="text"id="maxlength"maxlength="5"/>
rangelength[],输入字符的范围
<input type="text"id="rangelength"rangelength="[5,10]"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="../jquery-3.2.1.min.js"></script> <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script> <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script> <script type="text/javascript" src="../jQuery/chapter5/messages_zh.js"></script> </head> <body> <form action="" id="formdata"> <label for="text1">用户名</label> <input type="text" id="text1" required/> <br> <!--<label for="email">邮箱</label>--> <!--<input type="email" id="email" required/>--> <!-- <label for="url">网址</label> <input type="url" id="url" required ><br>--> <!-- <label for="maxlength">输入不多于五个字符</label> <input type="text" id="maxlength" maxlength="5"/>--> <label for="rangelength">输入五到十个字符</label> <input type="text" id="rangelength" rangelength="[5,10]"/> <input type="submit" value="验证"/> </form> </body> <script> $.validator.setDefaults({ subitHandler:function(){ alret("验证成功"); } }); $("#formdata").validate(); </script> </html>