jquery invalidation插件
2015-07-09 20:47
567 查看
jquery invalidation 是一款简单易用的客户端验证表单的组建。需要引入这两个文件
代码如下:
代码如下:
<script src="js/jquery-1.10.0.js"></script> <script src="js/jquery.validate-1.13.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ var validator; validator = $("#form1").validate({ debug:true, rules:{ username:{ required:true, //email:true //minlength:2, //maxlength:10, //rangelength:[2,10], //number:true(可以是小数,负数等) //digits:true(只能是整数) //date:true, //dateISO:true,(更加严格) //min:2, //max:10 //remote:"remote.json" // remote:{ // url:"remote.json", // type:"post", // data:{ // logintime:function(){ // return +new date; // } // } // } }, password:{ required:true, //minlength:5, maxlength:16 }, "confirm-password":{ equalTo:"#password" } }, messages:{ username:{ required:"请输入用户名", //minlength:"最小长度为2", //maxlength:"最大长度为10", rangelength:"用户名应该在2-10位" //remote:"用户名不存在" //min:"数字应该>2" }, password:{ required:"请输入密码", minlength:"最小长度为5", maxlength:"最大长度为16" }, "confirm-password":{ equalTo:"两次密码不一致" } }, //通过表单验证后执行的函数,比如说通过ajax把数据存到数据库 submitHandler:function(form){ console.log($("form").serialize()); }, //表单未通过验证时,自带静态函数 invalidHandler:function(event,validator){ console.log("错误数:"+validator.numberOfInvalids()); }, //设置忽略掉的验证,填写选择器 ignore:"#username", }); $("#check").click(function(event) { //只要有错误信息就是填写错误 alert($("#form1").valid() ? "验证成功":"验证失败"); }); //批量添加校验规则通过class $.validator.addClassRules({ txt:{ minlength:5 } }); }); </script>
相关文章推荐
- JQuery——过滤器
- JQuery——选择器
- 使用jquery validate+jquery.form实现输入验证以及注册成功提示
- 从零开始学JQuery,一个学习jQuery比较好的网址
- asp.net 中RadioButtonList的选项改变事件处理(采用jquery操作)
- jquery 跨域问题解决实质
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- Jquery之路(二) 笔记
- Jquery的parent和parents(找到某一特定的祖先元素)用法
- jquery中html()、text()、val()的区别(转)
- 基于jQuery仿淘宝产品图片放大镜代码
- Jquery翻书效果
- jquery easyUI dialog事件
- jquery教程-Jquery 获取标签个数 size()函数用法
- 转:jQuery验证控件jquery.validate.js使用说明+中文API
- RequireJS 构造方法以及封装成jQuery插件
- jquery元素查找
- jQuery的ajax前后台数据交互
- JQuery:常用方法一览
- Jquery autocomplete 异步加载下拉数据