文本框驗證

Question

如何在循環中獲取所有文本框以進行驗證以檢查所有

喜歡

if (textbox.text == "",textbox2.text == "",textbox3.text == "")
{
textbox.Focus();
}

Answer 1

嘗試使用getElementsByTagName（elementType），或者如果您給每個文本框要檢查某個類，那么getElementsByClass（className）的幾種不同實現也浮動（例如， http : //www.dustindiaz.com/getelementsbyclass/ ）。

例如，如果您所有的文本框都是文本區域：

var textboxes = document.getElementsByTagName('textarea');
for (var i=0; i<textboxes.length; i++){
    if (textboxes[i].value == ""){
        textboxes[i].focus();
        break;
    }
}

如果您只想從特定父元素內部檢查文本區域，也可以用特定父元素替換“文檔”。

編輯 ：我在循環中添加了一個中斷，因此它將在找到驗證失敗並專注於該元素的文本框后退出。

Answer 2

鄧擔心。 您可以在循環內完成。

<script>
<!-- 
function chkForm(obj) 
{
      for (i=0; i<obj.childNodes.length; i++) 
    {
             if (obj.childNodes[i].tagName == "INPUT") 
        {
                        if (obj.childNodes[i].type == "text") 
            {
                         if(obj.childNodes[i].value == "")
                {
                    obj.childNodes[i].focus();  
                }
            }
          }   
    }
}
 -->
</script>



<form onsubmit="return chkForm(document.getElementById('myform'));" name="myform" id="myform">
<input type="text" name="myfield1"> <br>
<input type="text" name="myfield2"> <br>
<input type="submit" name="btnSubmit" value="Submit">
</form>