jQuery validate验证插件使用详解_jquery_脚本之家

Validate证实插件,内置丰裕的表明法则,还大概有灵活的自定义法则接口,HTML、CSS与JS之间的低耦合能令你随意架构和拉长样式,扶助input,select,textarea的印证。

Description

浏览器帮忙:IE7+ 、Chrome、Firefox、Safari、Mobile Browser

jQuery版本:1.7.0+

Usage载入jQuery、validate

DOM标签验证准则填写

   请选择省份 001 002 

给须要评释的表单成分的class填入required。提出input用独立div包裹,因为证实的message是从当前input的父成分上append生成。data-tip:在一直不证实而取得关节时现身的唤醒。data-valid:注解法规,若有结合验证,以||符号分割。data-error:证实错误提醒,对应data-valid,以||符号分割。单选/复选相比独特,要求添英镑素包裹单选/复选群集,并在卷入成分上加验证准绳。

  男 女 未知   红 绿 蓝 

//**注意:必须以表单元素调用validate** $.validate({ type:{ isChecked: function { var i = 0; var $collection = $.find; if  { return errorMsg; } } }, onFocus: function.addClass; return false; }, onBlur: function() { var $parent = this.parent(); var _status = parseInt(this.attr; $parent.removeClass; if  { $parent.addClass; } return false; } });

表单提交前的求证

 $.on('submit', function { event.preventDefault.validate; //return true or false; });

validate内置验证准绳

required:true 必输字段remote:”check.php”
使用ajax方法调用check.php验证输入值email:true
必需输入准确格式的电子邮件url:true 必需输入精确格式的网站date:true
必需输入正确格式的日子dateISO:true
必得输入正确格式的日期,举例:2008-06-23,一九九九/0三分之一2
只验证格式,不表明有效性number:true 必需输入合法的数字digits:true
必需输入整数creditcard: 必得输入合法的银行卡号equalTo:”#田野先生”
输入值必须和#田野(field卡塔尔相像accept: 输入具有合法后缀名的字符串maxlength:5
输入长度最多是5的字符串minlength:10
输入长度最小是10的字符串rangelength:[5,10] 输入长度必需介于 5 和 10
之间的字符串”卡塔尔range:[5,10] 输入值必需介于 5 和 10 之间max:5
输入值无法超越5min:10 输入值不能够小于10

例子:验证jQuery validate验证插件使用详解_jquery_脚本之家。顾客名,密码,确认密码,主页,华诞,邮箱等率先引进Jquery、引进jquery.validate.js、引进messages_cn.js何况为表单定义一个id,为急需证实的控件定义name属性,并赋值,此插件使用的是控件的name属性,而非id。

   #aa{ color:Red;}      $ { $.validate({ rules: { username: { required: true, minlength: 6, maxlength: 12 }, password: { required: true, minlength: 6 }, passwordok:{required: true, equalTo: "#password"}, index: { required: true, url: true }, birthday: { required: true, dateISO: true }, bloodpress:{required: true,digits:true}, email: { required: true, email: true } }, errorshow: function  { error.appendTo(element.siblings  

上述便是本文的全体内容,希望对我们的上学抱有利于。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图