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

本文介绍如何让jQuery Validate插件校验隐藏的input元素。通过修改插件设置或使用特定样式,可以解决1.9版本中默认忽略隐藏元素的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

validate 插件默认不会校验隐藏的 input(包括 type="hidden" 的或 display:"none" 的 input),我猜想插件作者这么做的原因可能是为了提升性能。但是有时还是需要对一个隐藏的 input 进行操作。

网上有一个方法是修改插件,把这项限制去除:

打开 jquery.validate.min.js,把

ignore:":hidden"

改为

ignore:""

不过为了某几个特例而除去全局的限制,不太理想,我想到另一个方法:

<style>
input.validate_hidden { position:absolute; height:0; width:0; border:0; }
</style>
<input type="text" class="validate_hidden" name="test" />
<script>
// 避免点击错误提示时鼠标焦点落在 input 内
$("body").delegate("label.error", "click", function(){
 return false;
})
</script>

 

原文:http://www.zhugao.net/today/2012/1449.html

 

 

jQuery validate很不错的一个jQuery表单验证插件。升级到了1.9版的后,发现隐藏表单域验证全部失效,网上一搜,也没查到是怎么回事。最后在1.9的changelog里发现了这么一句

changelog里

* Fixed #189 - :hidden elements are now ignored by default

ignore: ":hidden",

ignore: ""就又开始验证隐藏域了

转载于:https://www.cnblogs.com/samsonhuang/articles/2560789.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值