设为首页 加入收藏

TOP

jQuery表单校验jquery.validate.js的使用(二)
2014-11-24 12:23:39 来源: 作者: 【 】 浏览:1
Tags:jQuery 表单 校验 jquery.validate.js 使用
$("#test").validate({


rules:{


"nameput":{


"twd":[true,3,10]


}


},


messages:{


"nameput":{


"twd":jQuery.format("长度在{1}和{2}之间")


}


}


})



4.其他注意事项


(1)校验默认是在点击提交submit的时候起作用.


(2)如果缺少$().ready(function() { }),校验内容必须写在表单的后面。


(3)debug方法需要单独写或者rules和messages的后面,否则不会起作用。



附:


jQuery.Validate为我们提供了3种验证编写方式,各有优缺点:


(1)在input对象中书写class样式指定验证规则或属性验证规则:



最简单、最便捷,提示消息使用jQuery.Validate的内置的消息(自定义扩展验证规则也属于此项),但是由于是以样式名的方式进行验证,导致了日后修改必须找到相应的input对象,同时无法使用高级验证规则。


(2)在input对象中书写class样式,只不过书写的方式改为了JSON格式,但是这种方式提供了自定义验证消息的支持:


rules: {
name: "required",
email: {
required: true,
email: true
}


})


})


很好的解决了HTML和验证规则的分离,就是书写较为麻烦,需要单独写JS脚本,但好处是可以统一验证规范,将每个页面的验证规则都写在头部的脚本中,方便日后维护


默认的提示


messages: {
required: "This field is required.",
remote: "Please fix this field.",
email: "Please enter a valid email address.",
url: "Please enter a valid URL.",
date: "Please enter a valid date.",
dateISO: "Please enter a valid date (ISO).",
dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.",
number: "Please enter a valid number.",
numberDE: "Bitte geben Sie eine Nummer ein.",
digits: "Please enter only digits",
creditcard: "Please enter a valid credit card number.",
equalTo: "Please enter the same value again.",
accept: "Please enter a value with a valid extension.",
maxlength: $.validator.format("Please enter no more than {0} characters."),
minlength: $.validator.format("Please enter at least {0} characters."),
rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."),
range: $.validator.format("Please enter a value between {0} and {1}."),
max: $.validator.format("Please enter a value less than or equal to {0}."),
min: $.validator.format("Please enter a value greater than or equal to {0}.")
}


首页 上一页 1 2 下一页 尾页 2/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Android开发:如何解决Bitmap Out.. 下一篇jQuery实现Ajax

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容:

·Java 学习线路图是怎 (2025-12-25 15:19:15)
·关于 Java 学习,有 (2025-12-25 15:19:12)
·有没有Java swing教 (2025-12-25 15:19:09)
·Start, Stop, and Di (2025-12-25 14:50:57)
·C语言入门教程:零基 (2025-12-25 14:50:54)