`
fighter1945
  • 浏览: 230776 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery 插件验证表单

    博客分类:
  • js
 
阅读更多

好久没碰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插件

    **jQuery Validation Engine 插件详解** 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,...在实际开发中,结合使用其他jQuery插件和前端框架,能更好地构建出高效、友好的Web应用。

    jquery表单验证插件

    ### jQuery表单验证插件详解 #### 一、概述 jQuery表单验证插件是一种用于简化Web表单处理过程的强大工具。它不仅能够帮助开发者轻松地实现表单数据的Ajax提交,还支持文件上传等功能,极大地提升了用户体验并降低...

    Java Web Jquery表单验证

    编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write....

    jquery插件(form表单验证)

    4. **阻止默认行为**:如果在提交表单前有验证失败,插件会阻止表单的默认提交行为,直到所有问题解决。 二、如何使用 使用jQuery表单验证插件通常包括以下几个步骤: 1. **引入jQuery库和插件**:首先,在HTML...

    通用表单验证Jquery插件.rar

    通用表单验证Jquery插件是为了提高用户体验和数据安全而设计的。Jquery是一种强大的JavaScript库,它简化了JavaScript的DOM操作,事件处理,动画效果,以及Ajax交互。在这个场景中,我们关注的是Jquery在表单验证中...

    自带丰富示例的jQuery验证表单插件

    9. **与其他jQuery插件的兼容性**:由于基于jQuery,这个验证插件能很好地与其它jQuery UI组件或表单增强插件(如Bootstrap Form Validation)协同工作。 在实际应用中,使用jQuery Validate插件通常包括以下步骤:...

    jquery插件-表单验证 根据focus blur

    这个jQuery插件利用这两个事件来实现实时的表单验证,使用户在输入时就能立即看到他们的输入是否有效。 首先,我们需要引入jQuery库。`jquery-1.9.js`是jQuery的1.9版本,这是一个广泛使用的JavaScript库,它简化了...

    jQuery表单验证插件

    // 提交表单 } }); ``` ### 四、Form Validation与Parsley.js 这两款插件的使用方法与jQuery Validation Plugin类似,但各自具有特色。Form Validation支持更多的验证方法和插件扩展,而Parsley.js则以其简洁的...

    Jquery超强验证表单

    同时,确保在所有验证成功后再提交表单,以防止部分数据未验证就提交。 **10. 源码分析** 通过阅读和理解“jQuery超强验证表单”中的源码,我们可以学习到如何组织和实现一个完整的表单验证系统,包括规则定义、...

    Jquery 插件 表单验证 AJAX验证

    jQuery check_expression表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论...

    jquery插件制作 表单验证实现代码

    表单验证就是指在用户提交表单之前,对用户输入的数据进行检查,确保数据满足一定的条件和格式要求。这通常包括检查必填字段是否已被填写、输入的数据是否符合既定格式(如电子邮箱地址或电话号码格式)等。 在本文...

    jQuery完整注册表单提交验证

    如果所有验证都通过,再提交表单到服务器;否则,显示相应的错误信息。 在实际项目中,还可以考虑使用现有的验证库,如`jQuery Validate Plugin`,它提供了丰富的验证规则和自定义选项,可以简化上述过程。同时,...

    【原创】jquery表单验证插件

    本人制作的jquery表单验证插件JfomValidate 功能:可以完成绝大数页面的脚本验证效果,压缩包里有示例和调用说明。 压缩包包含文件: index.html -- 说明及示例 JfomValidate.min.js -- 插件 jquery-1.3.2.min.js -...

    使用jQuery.form插件,实现完美的表单异步提交

    jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...

    jquery validate表单验证插件制作注册表单提交验证

    // 提交表单前的处理逻辑,如发送AJAX请求 form.submit(); } }); }); ``` 在这个例子中,我们为每个字段定义了验证规则,比如用户名需要至少5个字符,电子邮件必须是有效的格式,密码需要至少8个字符。如果用户...

    最新实用的Validate通用表单验证Jquery插件

    最后,当表单验证成功时,Validate插件会触发`valid`事件,可以监听这个事件执行进一步的操作,如提交表单。 总结起来,【最新实用的Validate通用表单验证Jquery插件】是一个强大的工具,它结合了Jquery的强大功能...

    jQuery表单验证插件EasyValidator 2.0带TIP提示效果

    4. **触发验证**:可手动触发验证,如`$("#formId").valid()`,或在提交表单时自动执行验证。 **四、示例代码** ```html 请输入邮箱"> 密码至少6位"> 提交 <script src="jquery.min.js"> ...

Global site tag (gtag.js) - Google Analytics