Aug 28

jquery的纯客户端js表单校验 不指定

chirs , 11:56 , 歪布天地 » jQuery , 评论(0) , 引用(0) , 阅读(2683) , Via 本站原创 | |
官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/
API: http://jquery.bassistance.de/api-browser/plugins.html
今天试了一下,还是比较方便的,主要是可以与jQuery结合起来做到与HTML分离.
官网的例子里引用了几个js和css文件,但只需引用jquery.validate.js这一个文件即可.
贴个简单的例子:
$('#EditView').validate({
             event: "keyup",
             rules:{
                 name:{required:true},
                 cosa_commodity_group_list:{required:true}
             },
             submitHandler:function(){
                 $("#group_list > option").attr("selected","selected");
                 $(this).submit();
             }
});

.event是触发校验的方式,可选值有keyup(每次按键时),blur(当控件失去焦点时),不使用这个参数时就只在按提交按钮时触发
2.如果在提交前还需要进行一些自定义处理使用submitHandler参数,其它的都比较简单,自己看看API就成了.
3.debug,如果这个参数为true,那么表单不会提交,只进行检查,调试时十分方便.
4.rules,所有的检验规则都写在这个参数里面.
格式为:        ID : {rule1,rule2,...}
          (1) required: true         必输
          (2) number: true 只能输入数字(包括小数)
          (3) digits:true 只能输入整数
          (4) minValue: 3 不能小于3
          (5) maxValue: 100 最大不超过100
          (6) rangeValue:[50,100] 值范围为50-100
          (7) minLength: 5 最小长度(汉字算一个字符)
          (8) maxLength:        10 最大长度(汉字算一个字符)
          (9) rangeLength:[5,10] 长度范围为5至10位(汉字算一个字符)
          (10) 上面的minLength, maxLength, rangeLength 这三项除了text input之外还可以用于checkbox,select这两种控件
          (11) email:true 电子邮件
          (12) equalTo: "#field" 与#field值相同
          (13) dateISO:true       日期型,格式为1998/01/22         1999-12-12
5.messages,自定义错误信息,格式与rules类似:
messages {
          password: {
              required: "请输入您的密码."
              minLength: "密码不能小于5位.",
              maxLength: "密码不能长于32位."
          },

Tags: , ,
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   游客无需密码
网址   电邮   [注册]