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 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...
在IT领域,前端开发是构建用户界面的关键部分,而Bootstrap和jQuery-validate是两个非常流行的工具,用于提升网页设计和表单验证的效率。本项目"基于Bootstrap与jQuery-validate的个人封装检验框架demo"是一个很好的...
《jQuery-validate:轻松掌握表单验证的神器》 在网页开发中,表单验证是必不可少的一环,它能确保用户输入的数据符合预期,提高用户体验,防止无效数据提交到服务器。jQuery-validate是一个强大的JavaScript库,专...
根据给定的信息,本文将详细介绍jquery-validate前端验证框架的相关知识点,包括其基本概念、使用方法以及部分具体的验证规则实现。 ### 一、jquery-validate简介 `jquery-validate`是一款基于jQuery的强大表单...
本项目涉及的知识点主要集中在"AmezeUI框架"和"jquery-validate"这两个工具的结合使用上,用于实现一个高效的注册验证系统。 首先,**AmezeUI框架**是一个专为移动互联网设计的前端框架,它提供了丰富的组件和样式...
《jQuery Validate验证框架详解与JS应用》 在Web开发中,表单验证是不可或缺的一环,它确保用户输入的数据符合预设的规则,避免无效数据的提交,提高用户体验。jQuery Validate是一个强大的验证插件,它简化了...
`jquery-validate` 是一个非常流行的 jQuery 插件,用于实现高效、灵活的客户端表单验证。这个压缩包"前端项目-jquery-validate.zip"包含了一个基于 `jquery-validation` 的前端项目,它简化了在网页中实施验证的...
1. **引入库**:首先,需要在页面中引入 jQuery 和 `jquery.validate.min.js` 文件,确保插件可用。 2. **HTML 结构**:创建一个包含各种输入字段(如用户名、密码、确认密码、邮箱等)的注册表单。 3. **...
基于Bootstrap与jQuery-validate的个人封装检验框架demo,拥有良好的UI与用户体验.博客地址:http://blog.csdn.net/u010506919/article/details/75137353
附件是使用jQuery-validate插件写的一个用户注册表单验证页面,详情可以参考我写的博客:http://blog.csdn.net/eson_15/article/details/51497533
案例中的`validate-1.html`和`validate.html`很可能是包含jQuery Validate应用的实际示例,通过查看源代码可以更深入理解其用法。 综上所述,jQuery和jQuery Validate的结合使用,能够有效地提升前端表单验证的效率...
jQuery-validate插件对于表单的验证功能做的很不错,可以使用这个插件来做表单的验证,附件是完整的源码,可运行,具体细节可参照这篇博客:http://blog.csdn.net/eson_15/article/details/51497533
《jQuery Validate插件与中文提示的深度解析》 在Web开发中,表单验证是必不可少的一环,确保用户输入的数据符合预设规则,提高用户体验,防止无效数据提交。jQuery Validate插件作为一款强大的表单验证工具,因其...
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` 是一个强大的 JavaScript 库,专为 jQuery 框架设计,用于实现高效、灵活且易于使用的表单验证。它可以帮助开发者创建各种复杂的验证规则,确保用户输入的数据符合预设的要求,从而提高网站的安全...
jquery.validate.js jquery.validate.js
jquery-验证 jquery-validate 插件 安装 使用安装: $ component install virtru-components/jquery-validate 应用程序接口 执照 麻省理工学院