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

2017年8月8日

只是單純筆記一下,因為我最近專案寫 ASP.net Webform ,在 LinkedButton 我需要在他 Postback 之前檢查required ,我知道方法很多但是我比較想用簡單的方法解決,因為我只要他自動停在那些必塡的地方,當然我知道很多 lib 可以用,也有很多 pattern可以用,我也知道瀏覽器會擋,但是有的不會啊,所以乾脆寫一個很簡單的 javascript 來做 submit 前阻擋,簡單的說,你可以把它放在 onclientclick 就可以做到檢查的效果

image

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/

其實很簡單,筆記一下。


當麻許的超技八 2014 | Design: no2don.