[Javascript] 透過純 javascript 檢查 input 是 required 必塡欄位

只是單純筆記一下，因為我最近專案寫 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/

其實很簡單，筆記一下。