`
chembo
  • 浏览: 940567 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jQuery validation动态返回验证信息

阅读更多
jquery validation在自定义验证时常常需要动态返回一些信息,例如当前输入框的值.但validation的验证消息是在页面初始化完后就已经生成.这时就需要在自定义messages中定义函数,这样才能达到我们要的效果,下面是一个例子,说的是验证当前用户是否存在,如果不存在,将当前输入的用户名带到注册页面:
   $.validator.addMethod("checkUser",function(value,element,params){
        var state='false';
	jQuery.ajax({
	            url:"portal/register/checkemail.do'/>",
	            data: {email:$("#email").val()},
	            type: 'POST',
	            async:false,//必需异步,否则就回过早地返回false了
	            success: function(data) {
	            	if(data.emailState=="user")
	   		    state = true;
	            }
        	});
        return state;
	});

然后就是message了:
messages:{
    username:{
	checkUser:function(){
		return "This user does not exist! I want to <a href='/register.html?passEmail="+$("#userName").val()+"' >register</a> with this email. "
		    		}
        }
}  
0
0
分享到:
评论

相关推荐

    jquery validation 支持zepto第二版

    在IT行业中,前端开发是至关重要的一个领域,而jQuery Validation插件则是JavaScript中用于表单验证的常用工具,它提供了一套完整的解决方案来确保用户输入的数据满足预设的规则。Zepto.js则是一个轻量级的...

    jquery-validation插件

    jQuery Validation插件允许自定义验证规则。例如,创建一个检查用户名是否唯一的规则: ```javascript $.validator.addMethod('uniqueUsername', function(value) { // 检查用户名是否唯一,返回true或false }, '...

    jquery-validation

    `jQuery Validation` 提供了一套完整的验证机制,包括基本的非空检查、长度限制、邮箱格式验证等,还支持自定义验证规则。用户可以通过简单的配置实现各种复杂的验证逻辑。 2. **使用方法** - **引入库文件**:...

    jQuery表单验证插件Validation的应用

    **jQuery表单验证插件Validation的应用** jQuery Validation插件是一款非常强大的前端表单验证工具,它可以帮助开发者轻松地实现对用户输入数据的有效性检查,确保数据的准确性和完整性。这个插件是基于jQuery库...

    jquery Validation 的应用

    jQuery Validation插件是jQuery库的一个强大扩展,专门用于前端表单验证,其易用性和灵活性深受开发者喜爱。本文将深入探讨jQuery Validation的使用方法及其核心功能。 首先,我们需要了解jQuery Validation的基本...

    jquery.validationEngine校验插件

    jQuery ValidationEngine 是一款强大的前端表单验证插件,它极大地简化了网页表单的验证过程,使开发者无需编写复杂的取值和正则表达式比较,即可实现丰富的验证功能。该插件以其直观、易用和高度可定制性而受到广大...

    jQuery Validation Engine验证控件调用外部函数验证的方法

    在使用jQuery Validation Engine的时候,我们除了使用自带的API之外,还可以自己自定义正则验证。自定义正则验证上一篇已经讲过了,如果想使用自定义函数进行验证怎么办?其实这个控件有个bug,在api中说 也就是在...

    jquery.validationEngine 控件验证表单跟检测数据库是否有重名

    《jQuery.validationEngine控件在表单验证与数据库重名检测中的应用详解》 在Web开发中,表单验证是不可或缺的一环,它确保了用户输入数据的准确性和完整性。jQuery.validationEngine是一款强大的JavaScript验证...

    validation-jQuery的validation表单验证插件.pdf

    jQuery的validation插件是一款强大的表单验证工具,它基于JQuery库,使得开发者能够快速有效地实现对表单输入数据的验证。这个插件不仅提供了许多内置的验证规则,还允许自定义验证方法,同时支持多语言,极大地提高...

    表单验证- jQuery+Validation

    本篇文章"表单验证- jQuery+Validation"将深入探讨如何利用jQuery库及其验证插件Validation进行高效且友好的前端表单验证。 jQuery是一款广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互...

    使用FormValidation进行表单验证

    `FormValidation`是一个强大的JavaScript库,它结合了`jQuery`和`Bootstrap`框架,使得表单验证变得更加简单易用。本文将详细介绍如何使用`FormValidation`进行表单验证,并探讨与`jQuery`和`Bootstrap`的集成。 ...

    jquery validation

    jQuery Validation插件是用于在网页表单验证中提供方便、强大的功能的JavaScript库。它能够帮助开发者轻松实现对用户输入的数据进行有效性检查,从而提高用户体验并减少服务器端的压力。该插件是jQuery生态体系中的...

    jQuery Validation插件remote验证方式的Bug解决

    jQuery Validation 插件是用于前端表单验证的热门工具,它极大地简化了验证用户的输入数据的过程。该插件被广泛使用并且在jQuery官方网站上有推荐。然而,正如标题和描述所指出的,它并非没有问题,尤其是在使用`...

    jquery ajax 与后台验证

    - **处理响应**:服务器返回验证结果,可能是JSON格式的数据。在AJAX的success回调中,解析响应并根据结果更新UI,显示错误信息或清除错误提示。 4. **jQuery AJAX 示例**: ```javascript $('#inputField').on...

    Jquery validation remote 验证的缓存问题解决方法

    在使用jQuery Validation插件进行表单验证时,远程(remote)验证是一种常见的方式,它允许开发者通过发送异步请求到服务器来验证用户输入的数据。然而,远程验证有时会出现缓存问题,导致验证结果不准确。这个问题...

    【JavaScript】jquery.validation.js

    《深入解析jQuery Validation插件与JavaScript验证机制》 在Web开发中,用户输入的数据验证是一项不可或缺的任务,确保数据的正确性和安全性。JavaScript作为客户端的脚本语言,常常被用来实现前端验证,以提供即时...

    JQuery实行数据验证

    最常用的jQuery插件之一是jQuery Validation Plugin,它是jQuery生态中的一个强大工具,用于创建复杂的表单验证规则。 1. **安装jQuery Validation Plugin**:在项目中引入jQuery和Validation Plugin的JavaScript...

    jquery-validation.rar

    // 返回验证结果 } }).responseText; }, "用户名已存在"); rules: { username: { required: true, remote: '/check-username.php' } } ``` 在这里,我们创建了一个`remote`验证方法,通过发送POST请求...

    jquery validation插件表单验证的一个例子

    jQuery Validation 插件是用于在前端进行表单验证的强大工具,它可以帮助开发者轻松地实现对用户输入数据的有效性检查,确保用户在提交表单前填写的信息符合预设的规则。这个插件通常与jQuery库一起使用,以提供更加...

Global site tag (gtag.js) - Google Analytics