jQuery Validation Plugin
2015-07-25 16:38
525 查看
index.html
附件:http://down.51cto.com/data/2365952
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="jquery-1.9.0.js"></script> <script type="text/javascript" src="jquery.validate.min.js"></script> <script type="text/javascript"> // add the customized method $.validator.addMethod("test",function(value,element,params){ var flag = false; if(typeof(value)!=null&&parseInt(value)>10){ flag = true; } return this.optional(element) || flag; },"the input value must be larger that 10"); $(function(){ $("#form").validate({ submitHandler: function(form) { alert("pass ... "); }, rules: { username: { required:true }, password:{ required:true, minlength:6 }, email:{ required:true, email:true }, testField:{ required:true, test:true } }, messages: { username: { required:"please input the username" }, password:{ required:"please input the password", minlength:"the password must be six characters at least" }, email:{ required:"please input the email", email:"the email format is wrong!" }, testField:{ required:"please input the testField", } }//end messages }); }); </script> </head> <body> <form id="form"> <div> <label>username</label> <input name="username" type="text" /> </div> <div> <label>password</label> <input name="password" type="text" /> </div> <div> <label>email</label> <input name="email" type="text" /> </div> <div> <label>test field</label> <input name="testField" type="text" /> </div> <div> <input type="submit" value="submit" /> </div> </form> </body> </html>
附件:http://down.51cto.com/data/2365952
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- java-WEB中的监听器Lisener
- GUI - Web前端开发框架
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- JavaScript演示排序算法
- 5个常见可用性错误和解决方案
- jQuery Ajax 跨域调用
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- MyEclipse Web Project转Eclipse Dynamic Web Project
- axis备忘
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- Erlang实现的一个Web服务器代码实例
- Jquery实现的table最后一行添加样式的代码
- jQuery 练习[一] 学习jquery的准备工作
- 防止网页脚本病毒执行的方法-from web
- jquery获得页面元素的坐标值实现思路及代码