jquery validation对隐藏的元素不进行验证

validation默认不会对Hidden元素进行验证的,但最近使用了thinkcmf开发了一个系统后台,在验证时发现隐藏的元素也进行了验证

刚开始以为是 validation版本问题(当前版本取消了默认不对Hidden的验证)，但查看了validation源码却发现原来是thinkcmf的作者对validation进行了更改(取消了默认不对Hidden的验证)

知道了原因更改进来就很简单了，在验证时手动再加上即可

//官网上的例子
$("#myform").validate({ignore: ":hidden",//不验证的元素
});

from https://github.com/jzaefferer/jquery-validation/blob/master/src/core.js#LC603

//可以看到在源码中看到对:submit, :reset, :image, :disabled不进行验证和自定义的不验证规则
//我们只需要设置ignore 属性即可,当前也可以将元素设置为disabled
elements: function() {var validator = this,rulesCache = {};// Select all valid inputs inside the form (no submit or reset buttons)return $( this.currentForm ).find( "input, select, textarea, [contenteditable]" ).not( ":submit, :reset, :image, :disabled" ).not( this.settings.ignore ).filter( function() {var name = this.name || $( this ).attr( "name" ); // For contenteditableif ( !name && validator.settings.debug && window.console ) {console.error( "%o has no name assigned", this );}// Set form expando on contenteditableif ( this.hasAttribute( "contenteditable" ) ) {this.form = $( this ).closest( "form" )[ 0 ];}// Select only the first element for each name, and only those with rules specifiedif ( name in rulesCache || !validator.objectLength( $( this ).rules() ) ) {return false;}rulesCache[ name ] = true;return true;} );},

参考：

Git Hub: jquery-validation

jqueryvalidation documentation

jquery.validate插件验证隐藏input(有选项卡常用)

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/huangtailang/p/5546367.html

jquery validation对隐藏的元素不进行验证相关推荐

[jQuery]无法获取隐藏元素（display:none）宽度(width)和高度(height)的新解决方案
在做茶城网改版工作的时候,又遇到一个新问题,我需要用jQuery写一个通过点击左右图标来翻阅图片的小插件,写好后测试可以正常运行,但是放到Tab中后发现只有第一个Tab中的代码能够正常运行,其它全部罢 ...
通过jQuery的slideToggle()方法实现元素的显示隐藏时，利用当前ul元素display的值判断状态遇到的问题
项目场景: 通过jQuery的slideToggle()方法实现元素的显示隐藏时,利用当前ul元素display的值判断状态,点击当前p标签时,显示隐藏兄弟元素ul,当ul显示时p为灰色,隐藏则p为蓝 ...
Jquery之显示/隐藏元素
不带任何效果的隐藏元素: hide()方法带参的方法:以优雅的动画隐藏匹配的所有元素隐藏匹配元素: hide([speed],[callbackfunction]) 可选参数: speed:毫秒( ...
html中隐藏div的高度,jQuery如何获取隐藏元素的高度？
一个HTML元素可以在jquery的hide()函数的帮助下隐藏,或者可以通过在css中使用visibility:hidden;来轻松隐藏.我们也可以很容易地使用jquery来找到这个隐藏元素的高度. ...
html中js隐藏div的高度,jQuery怎么获取隐藏元素的高度？
jQuery怎么获取隐藏元素的高度?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. jQuery怎么获取隐藏元素的高度? 方法1:使用innerHeigh ...
下面哪个 jQuery 方法用于隐藏被选元素？下面哪个 jQuery 方法用于执行异步 HTTP 请求？...
8. 把所有 p 元素的背景色设置为红色的正确 jQuery 代码是? 你的回答: $("p").style("background-color"," ...
jQuery无法获取隐藏元素（display:none）宽度(width)和高度(height)的新解决方案
jQuery无法获取隐藏元素(display:none)宽度(width)和高度(height)的新解决方案参考文章: (1)jQuery无法获取隐藏元素(display:none)宽度(width ...
jquery 点击元素以外任意地方隐藏该元素的方法
第一先实现点击任何地方都隐藏该元素(假设id="bar") $(document).click(function(){ $("#bar").hide();}); ...
JQuery 表单验证--jquery validation
jquery validation,表单验证控件官方地址 :http://jqueryvalidation.org/ jquery表单验证默认值校验规则 jquery表单验证默认的提示 1 &l ...

jquery validation对隐藏的元素不进行验证

jquery validation对隐藏的元素不进行验证相关推荐

最新文章

热门文章