[Javascript] 透過純 javascript 檢查 input 是 required 必塡欄位
2017-08-08
只是單純筆記一下，因為我最近專案寫 ASP.net Webform ，在 LinkedButton 我需要在他 Postback 之前檢查required ，我知道方法很多但是我比較想用簡單的方法解決，因為我只要他自動停在那些必塡的地方，當然我知道很多 lib 可以用，也有很多 pattern可以用，我也知道瀏覽器會擋，但是有的不會啊，所以乾脆寫一個很簡單的 javascript 來做 submit 前阻擋，簡單的說，你可以把它放在 onclientclick 就可以做到檢查的效果
Javascript code :
function CheckRequired() { var formElems = document.getElementById('form1'); for(var i=0; i < formElems.elements.length; i++) { if(formElems.elements[i].value === '' && formElems.elements[i].hasAttribute('required')) { alert('唉呦，有欄位必塡!'); formElems.elements[i].focus(); return false; } } return ture; }
Sample code : https://jsfiddle.net/79as6vmr/
其實很簡單，筆記一下。