jquery的验证框架使用
jqury为我们提供了很多优秀的插件,同时jquery的扩展性和兼容性也非常好。
最近告别了java开发,频繁的使用jquery、js、ext等前端开发语言。
jquery-validate的简单应用;
$("#validateFormId").validate({ //要验证表单的ID
rules: {
fromName: "required" //fromName 表单中的name
},
messages: {
fromName:'必填字段' //这里是验证提示信息
});
rules还有一些字段提供包括:
(1)required:true 必输字段
(2)remote:"check.php" 使用ajax方法调用check.php验证输入值
(3)email:true 必须输入正确格式的电子邮件
(4)url:true 必须输入正确格式的网址
(5)date:true 必须输入正确格式的日期
(6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性
(7)number:true 必须输入合法的数字(负数,小数)
(8)digits:true 必须输入整数
(9)creditcard: 必须输入合法的信用卡号
(10)equalTo:"#field" 输入值必须和#field相同
(11)accept: 输入拥有合法后缀名的字符串(上传文件的后缀)
(12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10 输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)range:[5,10] 输入值必须介于 5 和 10 之间
(16)max:5 输入值不能大于5
(17)min:10 输入值不能小于10
messages与rules字段相符。
注意:更改提示信息的现实位置方法
分享到:
相关推荐
jquery-validate 可对前端form进行表单校验,文档里详细介绍了如何使用jquery-validate框架和如何扩展验证方法。
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...
jquery和jquery-validate的工具,需要的话,无需考虑。。。。。。。。。。。。。。还有两个案例
jquery-validate 验证插件
jquery-validate前台验证框架,带详细使用方法。共同进步共同研究学习
使用jquery-validate实现注册界面表单验证(源码)
jquery-validate验证输入框
基于AmezeUI框架+jquery-validate的注册验证
前端项目-jquery-validate,客户端表单验证变得容易
提供jquery验证插件的专用js文件,包括jquery.js、jquery.validation.js、jquery.metadata.js,满足使用jquery-validate插件的需求
jquery-validate验证框架使用详解及JS文件
基于Bootstrap与jQuery-validate的个人封装检验框架demo,拥有良好的UI与用户体验
基于Bootstrap与jQuery-validate的个人封装检验框架demo,拥有良好的UI与用户体验.博客地址:http://blog.csdn.net/u010506919/article/details/75137353
附件是使用jQuery-validate插件写的一个用户注册表单验证页面,详情可以参考我写的博客:http://blog.csdn.net/eson_15/article/details/51497533
jQuery-validate插件对于表单的验证功能做的很不错,可以使用这个插件来做表单的验证,附件是完整的源码,可运行,具体细节可参照这篇博客:http://blog.csdn.net/eson_15/article/details/51497533
jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....
jquery.validate.js 支持中文提示