Jquery Validate验证

    技术2022-05-11  26

     贴个简单的例子:

    $(‘#EditView’).validate({             event: “keyup”,             rules:{                 name:{required:true},                 cosa_commodity_group_list:{required:true}             },             submitHandler:function(){                 $(“#group_list > option”).attr(“selected”,“selected”);                 $(this).submit();             }});1.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位.”          },

    » 你可能感兴趣的文章jQuery使用手册–核心篇 翻译整理:Young.J 官方网站:http://jquery.com   jQuery是一款同prototype一样优秀...jQuery技巧总结 一、简介 1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续凮..jQuery技巧总结 一、简介 1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续凮..使用 jQuery 简化 Ajax 开发jQuery中文入门指南,翻译加实例,jQuery的起点教程引用通告地址: 点击获取引用地址 Tag: jQuery validate 本文转载自Hurray's Bloghttp://www.hurrayboy.cn欢迎你点击更多精彩内容!


    最新回复(0)