`

jquery验证框架之remote验证方法的扩展使用

 
阅读更多

jquery验证框架之remote验证方法的扩展使用

 

jquery.validate.js这个用得很多,确实不错,最近在远程方法使用时,因不满足我的需求,这里做了点扩展,和大家共享。

 

// http://docs.jquery.com/Plugins/Validation/Methods/remote
  remote: function(value, element, param) {
   if ( this.optional(element) )
    return "dependency-mismatch";
   

//  这里是第一次扩展的,本来直接传这个值取值进来可以的,不知道为什么后来取不到值了
   if(param.oldValue&&param.oldValue==value)
    return true;
   

//因为第一次扩展取不到值了,就增加了这个扩展方法。不需要重复使用
   if(param.oldValueID&&param.oldValueID!=''){
    var myoldvalue=$(param.oldValueID).val();
    if(myoldvalue&&myoldvalue==value){
     return true;
    }
   }

 

上面是在jquery.vlidate.js里的remote方法里增加的代码。

 

下面是在实际使用时的示例。

categoryName : {
    required : true,
    specialCharacter : true,
    remote:{
     oldValueID:'#oldcategoryName',  //传对应原值的id就行了。这里生效的是第二次扩展的代码
       url:WEBROOT+"/admin/publishcategory/checkCategoryNameIsCanUsed.do",
       data:{name:function() { return $('#categoryName').val(); }}
       }
   },
   
//-----------

  categoryName : {
    required : true,
    specialCharacter : true,
    remote:{
     oldValue:$('#oldcategoryName').val(),  //取对应原值就行了。这里生效的是第一次扩展的代码
       url:WEBROOT+"/admin/publishcategory/checkCategoryNameIsCanUsed.do",
       data:{name:function() { return $('#categoryName').val(); }}
       }
   },

 

但这个代码有时候不起作用,可能是需要在页面加载时就给这个元素赋值才行的,后面赋值就不行了
 

0
0
分享到:
评论

相关推荐

    jquery-validate验证框架使用详解

    jQuery Validate 是一个强大的JavaScript验证库,它为网页表单提供了灵活且易于使用的验证功能。这个框架可以帮助开发者轻松地实现对用户输入数据的有效性检查,确保数据的准确性和完整性,从而提高用户体验并减少...

    jQuery validate框架的个性化验证

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

    jQuery Validate验证框架经典大全

    《jQuery Validate验证框架经典大全》 jQuery Validate是一个强大的表单验证插件,它为开发者提供了简单易用的API,能够方便地对用户输入的数据进行实时校验,确保数据的准确性和完整性。以下是对该框架的详细说明...

    jquery.validate是jquery旗下的一个验证框架

    以下是对这个验证框架的详细说明: ### 1. 插件简介 `jQuery Validate`通过与jQuery的无缝集成,使得验证用户输入变得简单快捷。它可以处理各种常见的验证需求,如必填项、电子邮件格式、URL、日期等,并且允许...

    jquery校验框架

    在项目中使用jQuery验证框架,首先需要引入jQuery库和验证插件的JS文件。通常,你可以从官方网站或CDN获取最新版本。例如,在HTML文件中添加以下链接: ```html <script src="https://code.jquery....

    JQueryValidate验证说明

    首先,使用`jQuery Validate`需要引入相关的文件,包括`jquery.validate.js`作为核心验证框架,`additional-methods.js`包含了一些额外的验证方法,`messages_cn.js`用于本地化消息,以及`jquery.validate.css`定义...

    jQuery的validate插件使用整理

    jQuery.validate是jQuery库的一个插件,它是一个功能强大的表单验证框架,使用它可以非常方便地实现前端表单验证。通过使用jQuery.validate,开发者可以定义表单元素的验证规则,并在表单提交之前执行这些规则,以...

    基于Bootstrup的强大jQuery表单验证插件

    2. 对于复杂的验证需求,可以使用自定义验证方法,通过`validators`对象的`callback`或`remote`属性实现。 3. 考虑到移动设备和不同浏览器的兼容性,测试验证插件在各种环境下的表现。 4. 优化性能,避免对大量表单...

    jQuery.validate 用法

    本文将深入探讨jQuery.validate的使用方法以及源码解析,帮助开发者更好地理解和运用这一工具。 首先,我们来了解一下jQuery.validate的基本用法。引入jQuery和jQuery.validate库后,我们可以通过调用`$("#formID")...

    JQuery validate插件Remote用法大全

    jquery.validate是jquery旗下的一个验证框架,借助jquery的优势,我们可以迅速验证一些常见的输入,还可以自己扩充自己的验证方法,并且对国际化也有很好的支 JQuery.validate.js 在表单验证中经常使用,初学,对于...

    jQuery.validate.js

    二、使用jQuery.validate.js的基本步骤 1. **引入依赖**:首先需要在页面中引入jQuery库和jQuery.validate.js文件,如`<script src="jquery.js"></script>` 和 `<script src="jquery.validate.js"></script>`。 2....

    jquery.validate.js表单验证[借鉴].pdf

    - 自定义验证方法:可以使用 `$.validator.addMethod()` 添加自己的验证规则。 - 显示错误信息:通过 `errorPlacement` 和 `errorElement` 配置,可以控制错误信息的位置和样式。 - 提交处理:使用 `submitHandler` ...

    jquery-form-validate

    `jQuery Form Validate` 是一个基于 jQuery 的强大表单验证框架,它为开发者提供了一种简洁、高效的方式来验证用户在网页表单中输入的数据。这个框架使得开发者无需编写复杂的JavaScript代码,就能实现对表单字段的...

    表单字段类型验证方法

    为了实现这些验证,开发者可以使用JavaScript库,如jQuery Validation插件,它们提供了丰富的验证规则和便捷的API,简化了表单验证的实现。此外,随着前端框架如React、Vue和Angular的普及,这些框架也有自己的验证...

    validate验证

    "对remote方法进行封装增强"这部分,意味着在原生的`jQuery Validate`基础上,开发者可能进行了扩展,以增强远程验证功能。`remote`验证方法允许你将验证逻辑移到服务器端,通过Ajax请求来验证数据。这样做可以处理...

    jquery-validation

    2. **使用方法** - **引入库文件**:首先,你需要在HTML文件中引入jQuery库和`jQuery Validation`插件的JavaScript文件。通常这两个文件可以从CDN获取,或者直接下载到本地项目中。 - **绑定表单**:然后,使用`$...

    jQuery formValidator代码生成器

    jQuery formValidator是一款强大的JavaScript验证库,它基于jQuery框架,用于高效、便捷地验证表单数据。这个工具的主要目的是简化Web开发者的工作,使他们能够快速创建符合业务规则的表单验证逻辑,无需编写大量的...

    java表单的验证

    下面通过一个示例来详细了解如何使用jQuery Validate Plugin进行表单验证。 ```html <!DOCTYPE html> <title>Java表单验证示例 <script src="../js/jquery-1.4.1.min.js"> <script src="../js/jquery.validate...

    jquery常用的校验.rar

    在压缩包中的“陈忠校验”,可能是对jQuery验证方法的具体示例或进一步的扩展。解压后,可以查看代码学习如何在实际项目中应用这些技术。总的来说,掌握jQuery的验证方法和插件,能帮助我们构建更加健壮和友好的Web...

Global site tag (gtag.js) - Google Analytics