我在Chrome或Firefox中沒有遇到同樣的錯誤.但是我確實認為你需要在單擊“next”時進行驗證才能使其正常工作：

HTML

JS

function Next() {

var blnNext = true;

var form = document.getElementById('form1');

var div = document.getElementById('div1');

var inputs = div.querySelectorAll('input[type="text"]');

for (index = 0; index < inputs.length; ++index) {

if (!inputs[index].validity.valid) {

blnNext = false;

form.querySelectorAll('input[type="submit"]')[0].click(); //Force the form to try and submit so we get error messages

}

}

if (blnNext) {

document.getElementById('div1').style.display = 'none';

document.getElementById('div2').style.display = 'block';

}

}

《新程序員》：云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的displaynone符合html5标准,javascript – JS HTML5验证“display：none”必需的输入元素的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。