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;
}
}
文章來源:劉俊濤的博客 歡迎關注公眾號、留言、評論,一起學習。
__________________________________________________________________________________
若有幫助到您,歡迎點擊推薦,您的支持是對我堅持最好的肯定(*^_^*)