好久没碰jquery了
不过想开发个东西的时候又想起来了
留点东西做笔记,免得每次都要找
插件主页 http://bassistance.de/jquery-plugins/jquery-plugin-validation/
api http://docs.jquery.com/Plugins/Validation#Options_for_the_validate.28.29_method
常用下载地址
http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js
http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js
http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/additional-methods.js
http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/additional-methods.min.js
demo地址 http://jquery.bassistance.de/validate/demo/
最简单例子
$("#signupForm").validate({
rules: {
firstname: "required",
lastname: "required",
username: {
required: true,
minlength: 2
},
password: {
required: true,
minlength: 5
},
confirm_password: {
required: true,
minlength: 5,
equalTo: "#password"
},
email: {
required: true,
email: true
},
topic: {
required: "#newsletter:checked",
minlength: 2
},
agree: "required"
},
messages: {
firstname: "Please enter your firstname",
lastname: "Please enter your lastname",
username: {
required: "Please enter a username",
minlength: "Your username must consist of at least 2 characters"
},
password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long"
},
confirm_password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long",
equalTo: "Please enter the same password as above"
},
email: "Please enter a valid email address",
agree: "Please accept our policy"
}
});
分享到:
相关推荐
**jQuery Validation Engine 插件详解** 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,...在实际开发中,结合使用其他jQuery插件和前端框架,能更好地构建出高效、友好的Web应用。
### jQuery表单验证插件详解 #### 一、概述 jQuery表单验证插件是一种用于简化Web表单处理过程的强大工具。它不仅能够帮助开发者轻松地实现表单数据的Ajax提交,还支持文件上传等功能,极大地提升了用户体验并降低...
编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write....
4. **阻止默认行为**:如果在提交表单前有验证失败,插件会阻止表单的默认提交行为,直到所有问题解决。 二、如何使用 使用jQuery表单验证插件通常包括以下几个步骤: 1. **引入jQuery库和插件**:首先,在HTML...
通用表单验证Jquery插件是为了提高用户体验和数据安全而设计的。Jquery是一种强大的JavaScript库,它简化了JavaScript的DOM操作,事件处理,动画效果,以及Ajax交互。在这个场景中,我们关注的是Jquery在表单验证中...
9. **与其他jQuery插件的兼容性**:由于基于jQuery,这个验证插件能很好地与其它jQuery UI组件或表单增强插件(如Bootstrap Form Validation)协同工作。 在实际应用中,使用jQuery Validate插件通常包括以下步骤:...
这个jQuery插件利用这两个事件来实现实时的表单验证,使用户在输入时就能立即看到他们的输入是否有效。 首先,我们需要引入jQuery库。`jquery-1.9.js`是jQuery的1.9版本,这是一个广泛使用的JavaScript库,它简化了...
// 提交表单 } }); ``` ### 四、Form Validation与Parsley.js 这两款插件的使用方法与jQuery Validation Plugin类似,但各自具有特色。Form Validation支持更多的验证方法和插件扩展,而Parsley.js则以其简洁的...
同时,确保在所有验证成功后再提交表单,以防止部分数据未验证就提交。 **10. 源码分析** 通过阅读和理解“jQuery超强验证表单”中的源码,我们可以学习到如何组织和实现一个完整的表单验证系统,包括规则定义、...
jQuery check_expression表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论...
表单验证就是指在用户提交表单之前,对用户输入的数据进行检查,确保数据满足一定的条件和格式要求。这通常包括检查必填字段是否已被填写、输入的数据是否符合既定格式(如电子邮箱地址或电话号码格式)等。 在本文...
如果所有验证都通过,再提交表单到服务器;否则,显示相应的错误信息。 在实际项目中,还可以考虑使用现有的验证库,如`jQuery Validate Plugin`,它提供了丰富的验证规则和自定义选项,可以简化上述过程。同时,...
本人制作的jquery表单验证插件JfomValidate 功能:可以完成绝大数页面的脚本验证效果,压缩包里有示例和调用说明。 压缩包包含文件: index.html -- 说明及示例 JfomValidate.min.js -- 插件 jquery-1.3.2.min.js -...
jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...
// 提交表单前的处理逻辑,如发送AJAX请求 form.submit(); } }); }); ``` 在这个例子中,我们为每个字段定义了验证规则,比如用户名需要至少5个字符,电子邮件必须是有效的格式,密码需要至少8个字符。如果用户...
最后,当表单验证成功时,Validate插件会触发`valid`事件,可以监听这个事件执行进一步的操作,如提交表单。 总结起来,【最新实用的Validate通用表单验证Jquery插件】是一个强大的工具,它结合了Jquery的强大功能...
4. **触发验证**:可手动触发验证,如`$("#formId").valid()`,或在提交表单时自动执行验证。 **四、示例代码** ```html 请输入邮箱"> 密码至少6位"> 提交 <script src="jquery.min.js"> ...