`

在jquery.validate.js methods添加依赖关系的验证方法

 
阅读更多

 

在jquery.validate.js 的methods: 中添加验证方法:

 

当input A有内容时 input B必须也要输入内容,那么可以加上验证JS,然后在input标签中调用 matchIntTo="#inputA"

 

在jquery.validate.js 的methods: 开始处添加下列代码:

 

// add by mengx on 2014.11.11

matchIntTo: function( value, element, param ) {

// bind to the blur event of the target in order to revalidate whenever the target field is updated

// TODO find a way to bind the event just once, avoiding the unbind-rebind overhead

var target = $(param);

if ( this.settings.onfocusout ) {

target.unbind(".validate-matchIntTo").bind("blur.validate-matchIntTo", function() {

if(target.val()=="") target.val(0);

$(element).valid();

});

}

var tval = target.val();

//如果数字>0则必须输入内容,如果数字=0则不需要输入内容

return (tval!="" && value.length>0) || (value=="" && (tval=="" || tval==0));

},

matchTextTo: function( value, element, param ) {

// bind to the blur event of the target in order to revalidate whenever the target field is updated

// TODO find a way to bind the event just once, avoiding the unbind-rebind overhead

var target = $(param);

if ( this.settings.onfocusout ) {

target.unbind(".validate-matchTextTo").bind("blur.validate-matchTextTo", function() {

$(element).valid();

});

}

var tval = target.val();

return (tval!="" && value.length>0) || (tval=="" && value.length==0)

},

 

 

 

使用举例:

<p class="nowrap">

       <label>抓获逃犯(名):</label>

       <input id="inputA" name="instance.taofanNum" value="${instance.taofanNum}" type="text" size="30" class="digits" />

</p>

<p class="nowrap">

       <label>抓获逃犯描述:</label>

       <input matchIntTo="#inputA" name="instance.taofanComment" rows="5" cols="75" />

</p>

 

分享到:
评论

相关推荐

    jquery.validate 版本大全

    jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....

    jquery.validate.js下载

    jquery.validate.js jquery.validate.js

    jquery.validate.min.js

    jquery.validate.min.js jquery jquery验证插件 validate

    jquery.validate.js表单验证.pdf

    1. jquery.validate.js的引入:文件提到了引入jquery.validate.js的方法,需要先引入jquery.js,然后引入jquery.validate.js。这是因为jquery.validate.js依赖于jquery.js。 2. 验证规则:文件列出了jquery....

    jquery.validate.js

    jquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.jsjquery.validate.js...

    jquery.validate.unobtrusive.js

    微软的jquery.validate.unobtrusive.js验证插件,可以用来验证单选和多选框的.

    jQuery.validate.js

    1. **引入依赖**:首先需要在页面中引入jQuery库和jQuery.validate.js文件,如`&lt;script src="jquery.js"&gt;&lt;/script&gt;` 和 `&lt;script src="jquery.validate.js"&gt;&lt;/script&gt;`。 2. **设置验证规则**:在需要验证的表单...

    jquery.validate.extend.js

    jquery.validate.extend.js

    jquery.validate.methods.js下载

    jquery.validate.methods.js jquery.validate.methods.js

    jQuery.validate验证

    jQuery.validate还支持许多插件,如additional-methods.js,它包含了更多验证方法,如`alpha`, `alnum`, `lettersonly`等。 7. **异步验证**: `remote`规则可以用来进行服务器端验证,通过AJAX请求向服务器发送...

    jQuery.validate.js表单验证及API

    《jQuery.validate.js表单验证及API详解》 在Web开发中,表单验证是不可或缺的一环,它确保用户输入的数据符合预设的规则,从而保证数据的准确性和安全性。jQuery库提供了一个强大的插件——jQuery.validate.js,...

    jquery.validate.js 和 帮助文档.rar

    《jQuery validate.js与帮助文档详解》 在Web开发领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作,事件处理以及Ajax交互。而jQuery Validate插件是jQuery的一个强大附件,专为表单验证设计,...

    jquery.validate-1.13.1.js

    jquery.validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...

    jquery.validate Validation .js验证框架 帮助 手册 文档 chm

    jquery.validate Validation .js验证框架 帮助 手册 文档.chm 版本 方面查询 (一)、可选项( options ) 1 (二)插件方法 (jQuery validation) 6 (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具...

    jQuery.validate 用法

    jQuery.validate插件是一个强大的、易于使用的JavaScript库,它使得在jQuery环境下进行表单验证变得简单而高效。本文将深入探讨jQuery.validate的使用方法以及源码解析,帮助开发者更好地理解和运用这一工具。 首先...

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

    在给定的标题中提到了两个关键的JavaScript库:`jquery-1.11.1.min.js` 和 `jquery.validate.min.js`。 1. **jQuery**: jQuery 是一个高效、简洁而易用的 JavaScript 库,它封装了HTML DOM操作、事件处理、动画...

Global site tag (gtag.js) - Google Analytics