`
442136713
  • 浏览: 51910 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

validate ajax 自定义

阅读更多
$.validator.addMethod("checkName", function(value, element) {
				var result;
				var userId = document.getElementById("user.id").value;
				$.ajax({
					url : "/user/checkName.do?userId="+userId+"&name="+document.getElementById("name").value,
					//data : "user.userId=" + userId,
					dataType : "json",
					type : "post",
					async : false,
					cache : false,
					timeout : 10000,
					success : function(response) {
					result = response.IsSuccess;
					}
				});
                return this.optional(element) || result;
            }, "用户名不合法或已经存在!");
remote的validator方式:
$('form#changePasswordForm').validate({ 
    rules: { 
        repeat_new_password: {  
            equalTo: "#new_password"  
        }, 
        password : {  
            // This will invoke ./json/authenticate.do?password=THEVALUE_OF_THE_FIELD  
            // and all you need to do is return "true" or "false" from this server script 
            remote: './json/authenticate.do'  
        } 
    },  
    messages: {  
        password: {  
            remote: jQuery.format("Wrong password") 
        } 
    }, 
    submitHandler: function(form) { 
        $(form).ajaxSubmit({ 
            dataType: "json",  
            success: function(json) { 
                alert("foo"); 
            } 
        });                      
    } 
}); 
  1. $("#myform").validate({
  2.   rules: {
  3.     email: {
  4.       required: true,
  5.       email: true,
  6.       remote: {
  7.         url: "check-email.php",
  8.         type: "post",
  9.         data: {
  10.           username: function() {
  11.             return $("#username").val();
  12.           }
  13.         }
  14.       }
  15.     }
  16.   }
  17. });

 

 

分享到:
评论

相关推荐

    jquery validate 验证自定义样式

    在本文中,我们将深入探讨如何利用jQuery Validate来创建自定义验证样式。 首先,我们从标题"jquery validate 验证自定义样式"开始。jQuery Validate插件默认提供了一些基本的样式,但这些样式可能不能满足所有设计...

    validate 通用Ajax无刷新表单验证类

    "validate 通用Ajax无刷新表单验证类"就是针对这一需求设计的,旨在提供一个高效、便捷的解决方案,使得在用户填写表单时能够实时进行数据验证,无需等待页面刷新,极大地提高了用户体验。 Ajax(Asynchronous ...

    formValidate ajax bug修改

    `formValidate` 是一个常见的JavaScript表单验证插件,它简化了验证过程,提供了丰富的自定义选项。然而,像任何其他软件一样,`formValidate` 也可能存在一些bug,尤其是在与`ajax`进行交互时。在这个场景中,我们...

    validate 通用Ajax无刷新表单验证类(JavaScript)

    `validate`是一个通用的Ajax无刷新表单验证类,使用JavaScript编写,它允许在用户提交数据之前即时检查输入,无需刷新整个页面。这种技术大大提升了用户交互的流畅性,使得表单填写过程更加高效。 `validate`类的...

    AJAX基础教程-5 Ajax Validate

    **标题:“AJAX基础教程-5 Ajax Validate”** 在学习Web开发时,AJAX(Asynchronous JavaScript and XML)技术是一个重要的组成部分,它允许我们在不刷新整个页面的情况下与服务器进行交互,提升用户体验。本教程...

    JQuery Validate插件的验证规则和例子,合成AJAX

    jQuery Validate插件是用于在客户端进行表单验证的强大工具,它提供了丰富的验证规则和自定义方法,使得用户在提交表单前可以即时检测输入数据的有效性,大大提升了用户体验。该插件是jQuery库的一个扩展,通过简单...

    validate 通用Ajax无刷新表彰验证类

    总的来说,"validate 通用Ajax无刷新表彰验证类"是现代Web应用中实现高效、友好、可定制化表单验证的一种强大工具,它简化了前端验证的实现,提升了用户交互体验,并为开发者提供了丰富的自定义选项和便利的API。...

    jquery validate和jquery form 插件组合实现验证表单后AJAX提交

    下面是一个结合validate.js和form.js实现AJAX提交的例子: ```javascript $(document).ready(function () { $("#myForm").validate({ submitHandler: function(form) { $(form).ajaxSubmit({ success: function...

    jquery validate 自定义验证方法介绍 日期验证

    在jQuery Validate中,自定义验证方法的添加是通过$.validator.addMethod方法实现的。该方法接受三个参数:一个是方法的名称,一个是验证函数,还有一个是当验证失败时显示的错误信息。自定义验证方法可以在页面加载...

    Laravel validate error处理,ajax,json示例

    本文将详细讲解Laravel中数据验证以及处理验证错误的一些方法,尤其是与Ajax和Json格式响应结合的场景。 首先,Laravel内置了一个非常实用的验证器Validator,它允许开发者以非常直观的方式对请求数据进行验证。在...

    validate方法

    JavaScript中,validate方法可能出现在表单验证中,通过自定义函数来检查用户输入是否符合预期。例如,验证电子邮件地址的格式、手机号码的合法性等。此外,在Node.js环境中,库如Joi或Validator提供了validate方法...

    jquery的validate方法运用

    本文将深入探讨`jquery validate`方法的运用,以及如何自定义验证方法。 `validate`方法是jQuery Validate插件的核心,它的主要功能是为HTML表单提供实时和提交时的验证。通过使用这个方法,我们可以轻松地添加各种...

    jQuery.validate验证

    jQuery.validate允许你自定义错误消息,通过设置`messages`对象来实现。例如: ```javascript messages: { required: "这是必填字段。", remote: "请修正此字段。", email: "请输入有效的电子邮件地址。", /...

    Jquery validate和form插件

    `jQuery validate` 和 `jQuery form` 插件是 jQuery 生态系统中的两个重要工具,它们分别用于增强表单验证和实现 AJAX 无刷新提交,从而提供更流畅的用户体验。 **jQuery validate 插件** `jQuery validate` 是一...

    jQuery validate框架的个性化验证

    通过以上介绍,我们可以看出 jQuery Validate 框架的强大之处,它提供了丰富的验证功能,允许开发者根据项目需求进行高度自定义,从而实现个性化的表单验证。在实际开发中,结合 CSS 和 JavaScript,可以打造出美观...

    jquery.validate.js 1.8.1 + 实例

    `jQuery Validate` 插件1.8.1版本提供了丰富的功能,包括基本的验证规则、自定义验证规则以及错误消息定制。 ### jQuery Validate 插件基础 `jQuery Validate` 的核心功能是验证表单字段,它通过添加额外的属性到 ...

    jquery validate

    $.ajax({ url: "submit.php", type: "POST", data: $(form).serialize(), success: function(response) { // 处理服务器返回的信息 } }); return false; // 阻止表单默认提交行为 } }); ``` 总结,jQuery...

    js jquery-1.11.1.min.js jquery.validate.min.js

    - **错误提示**:jQuery Validate允许自定义错误标签和位置,如`errorPlacement: function(error, element) {...}`可以控制错误消息显示的位置。 在实际项目中,结合jQuery和jQuery Validate,开发者可以快速构建出...

    jquery form validate

    《jQuery Form Validate 深入解析与应用》 ...通过理解其内置规则、自定义规则、错误消息定制和AJAX提交等机制,我们能够构建出高效、用户体验良好的表单验证系统,从而提升网站的质量和用户体验。

    jquery validate例子

    jQuery Validate还提供了自定义验证方法的功能,允许开发者根据项目需求创建自己的验证规则。例如,验证密码强度: ```javascript $.validator.addMethod("passwordStrength", function(value, element) { // 这里...

Global site tag (gtag.js) - Google Analytics