`
james.li.hd
  • 浏览: 3565 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

使用jQuery validation做服务器端校验

阅读更多
引用
下面这个例子有点小问题,请看这里http://jameslihd.iteye.com/admin/blogs/1860615


jQuery validation关于如何与服务器端交互进行校验的纪录很少.  但是这几乎是所有的网站都要做的事.

最常见的例子就是注册用户的邮件地址的唯一性校验.

下面事一段示例代码:


$(function() {
$("#signup_form").validate(
			{
				// debug: true,
				rules : {
					email : {
						email : true,
						required : true,
						remote : "/is_email_unique"
					},

					password : {
						required : true
					}
				},
				messages : {
					email : {
						email : "Please input a valid email address.",
						required : "Please input an email address.",
						remote : "Sorry, this email is already in use."
					},
					password : {
						required : "Please input a login password."
					}
				},
				onclick : false,
				onkeyup : false
			});
}


我禁用了onclick和onkeyup事件的监听,因为我只需要再提交表单的时候做验证.
在提交表单之前,用下面的方式执行校验
$("#signup_form").validate().form()

其中remote后面跟的url是用来向后端发送ajax请求进行验证的, 被验证的字段(email)会被作为参数传到server端.

下面是关于remote这个option的官方文档地址

http://docs.jquery.com/Plugins/Validation/Methods/remote#options

如果验证通过,ajax请求的返回值必须是true而不能返回一个"true"字符串.

下面这个url提供了一段php代码来实现后端验证

http://snipplr.com/view/59761/
分享到:
评论

相关推荐

    JQuery Validation插件的使用

    这个插件提供了丰富的预设验证规则,如必填项、电子邮件格式、数字限制等,并且允许用户自定义验证规则,增强了用户体验,减少了服务器端的压力。本文以validation 1.10版本和jQuery 1.8.1为基础进行讲解。 ### 一...

    jquery-validation-1.9.0.zip

    7. **远程验证**:对于某些需要服务器端校验的场景,Validation插件支持远程验证,通过`remote`规则可以发送异步请求到服务器,获取验证结果。 在实际应用中,jQuery Validation 1.9.0版的使用步骤通常包括以下几个...

    jQuery.validationEngine 表单验证中文版

    对于需要服务器端验证的场景,jQuery.validationEngine支持异步验证。通过`ajaxFormValidationMethod`和`ajaxFormValidationURL`参数,可以配置插件进行Ajax请求,验证用户输入的数据。 **六、国际化支持** `...

    ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList

    总结一下,ASP.NET中使用jQuery validation插件校验DropDownList的步骤如下: 1. 在DDL控件上设置`CssClass`属性(如"required")和`ToolTip`属性(用于提示信息)。 2. 引入jQuery和jQuery validation插件的...

    jquery formValidation表单验证插件实例

    这个插件使我们能够轻松地为网页中的表单添加验证规则,确保用户输入的数据符合预设的要求,从而提高用户体验并减少服务器端的压力。 **一、安装与引入** 在使用jQuery FormValidation之前,首先需要在项目中引入...

    jquery的validate表单校验插件

    在前端开发中,表单校验是必不可少的一个环节,它能够确保用户输入的数据符合预设的规范,提高用户体验并减轻服务器端的压力。jQuery的validate插件作为一款强大的表单验证工具,因其易用性和灵活性而备受开发者喜爱...

    java使用jquery_validate插件实现文本校验

    在Java后端,你可以使用诸如Spring Validation、Hibernate Validator等工具进行服务器端验证。这些验证框架提供注解方式定义验证规则,例如`@NotBlank`、`@Size`等。当前端提交数据到服务器时,服务器端会再次进行...

    jquery validation验证表单插件

    jQuery Validation插件是一款广泛应用于Web开发中的JavaScript插件,它主要用于验证表单输入数据的合法性,提高用户体验,减少服务器端的数据验证压力。以下是关于jQuery Validation插件的重要知识点: 1. 引入...

    jquery常用的校验.rar

    3. **异步验证**:对于某些需要服务器端验证的场景,如检查用户名是否已存在,可以使用`remote`规则进行异步验证: ```javascript username: { required: true, remote: "/check-username.php" } ``` 4. **...

    jQuery中validate表单提交校验Demo

    在Web开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合预期的格式和规则,从而提高用户体验并减少服务器端的压力。jQuery是广泛使用的JavaScript库,它提供了丰富的功能来简化DOM操作。同时,jQuery...

    jquery的ajax校验.zip

    9. **错误处理**:即使在客户端进行了校验,服务器端仍需要进行二次校验,防止恶意用户绕过客户端校验。同时,对于服务器返回的错误信息,也要有妥善的处理机制,向用户清晰展示错误原因。 综上所述,jQuery的Ajax...

    jQuery表单验证插件

    在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的负担。jQuery,一个轻量级、高性能的JavaScript库,提供了丰富的API来简化DOM操作,同时也有一...

    JQuery实行数据验证

    5. **异步验证**:对于需要服务器端验证的情况,可以使用`.remote`方法进行异步验证。例如,验证用户名是否已存在: ```javascript username: { required: true, remote: "/check-username" } ``` 这会向`/...

    Struts2 校验器

    校验过程通常分为两个阶段:客户端验证和服务器端验证,以提高用户体验并确保数据安全。 1. **客户端验证**:在用户提交表单之前,客户端验证可以通过JavaScript或者AJAX技术在浏览器端进行,这样可以即时反馈错误...

    jquery前端非空验证

    它可以在用户提交表单之前检查所有必需字段是否已填写,提高了用户体验,减少了服务器端的压力,因为无效请求不会到达服务器。 三、jQuery非空验证的基本方法 1. `$.trim()`: 这个函数用于去除字符串两端的空白字符...

    JQuery.validationEngine表单验证插件(推荐)

    Ajax后台验证是JQuery.validationEngine的特色功能之一,它允许开发者定义全局的扩展验证规则,并且可以在服务器端定义消息内容,虽然该功能目前还不支持回调处理。此外,该插件支持其他自定义扩展,以满足不同项目...

    FormValidation.js

    这有助于提高数据质量,减少服务器端的压力,并提供更好的用户体验。 - **校验规则**:`FormValidation.js` 提供了一系列内置的验证规则,如非空、邮箱、手机号、日期格式等。开发者可以根据需求选择或自定义这些...

Global site tag (gtag.js) - Google Analytics