layui-form下隐藏元素的验证问题


 

layui-form下隐藏元素的验证问题

Hidden inputs gets validated when using html5 validation

 

1.情景:

  设置为display:none的必填字段,在点击提交(form 包含 class="layui-form"button包含属性 lay-submit)的时候,依旧验证。

2.解决办法,js中:

 

  给隐藏的元素 lay-verify 属性置空,如:lay-verify=""

 

 

function show(val) {

if (val == 'Company') {

document.getElementById("show").style.display = "block";

setRequired(true);

} else {

document.getElementById("show").style.display = "none";

setRequired(false);

}

}

 

function setRequired(val){

input = document.getElementById("show").getElementsByTagName('input');

for(i = 0; i < input.length; i++){

input[i].required = val;

}

}

 

文章来源:刘俊涛的博客 欢迎关注公众号、留言、评论,一起学习。

__________________________________________________________________________________

若有帮助到您,欢迎点击推荐,您的支持是对我坚持最好的肯定(*^_^*)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM