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