我想驗證空的文本框，並將文本框留空時將邊框顏色更改爲紅色

以下是我的代碼，當我單擊第一個文本框並將其留爲空白時，邊框顏色變爲紅色並提示我它是空的，但當我去我的其他領域，並保持空白，它仍然提示我，我的第一個文本框是空的，而不是第二個文本框，如果我把一個值的第一個文本框，這是當邊框顏色變爲綠色，它也是即時提示，我的第二個輸入是空的時候，我希望它可以連續完成像在雅虎郵箱註冊，請幫助我想驗證空的文本框，並將文本框留空時將邊框顏色更改爲紅色

<script type="text/javascript"> 
      function CheckBlank(txt) { 
       var policyno = document.getElementById('txtPolNo'); 
       var issuanceoffice = document.getElementById('dropIssOff'); 
       if (policyno.value == '') 
       { 
        document.getElementById('txtPolNo').style.border= "solid 3px red"; 
        alert('Policy Number is Required'); 

        return false; 
       } 
       else if (issuanceoffice.value == 'Select') { 
        document.getElementById('dropIssOff').style.border = "solid 3px red"; 
        alert('Please Select Issuance Office'); 

        return false; 
       } 
       else { 
        document.getElementById('txtPolNo').style.border = "solid 3px green"; 
        document.getElementById('dropIssOff').style.border = "solid 3px green"; 
        return true; 
       } 






      } 
    </script>

來源

2013-10-14 Jb Meris

我建議你看一下jQuery的 - http://api.jquery.com/ –

嗨！歡迎來到Stack Overflow。它看起來像你可能想要知道的兩件事：1）而不是開始一個新的問題，編輯[現有問題]的主體（http://stackoverflow.com/questions/19355516/validate-empty-textboxes當你有關於那個問題的新的信息時，在文本框之前）。 2）你也應該澄清 - 你是使用asp.net還是經典的asp？他們是兩種不同的技術，前者有一些驗證庫，這使得這更容易。相應地編輯您的標籤。 – AnonJr

<script type="text/javascript"> 
     function CheckBlank(txt) { 
      var policyno = document.getElementById('txtPolNo').value.trim(); 
      var issuanceoffice = document.getElementById('dropIssOff').selecteditem; 
      if (policyno.value == '') 
      { 
       document.getElementById('txtPolNo').style.border= "solid 3px red"; 
       alert('Policy Number is Required'); 
       document.getElementById('txtPolNo').focus(); 

       return false; 
      } 
      if (issuanceoffice.value == 'Select') { 
       document.getElementById('dropIssOff').style.border = "solid 3px red"; 
       alert('Please Select Issuance Office'); 
       document.getElementById('txtPolNo').focus(); 
       return false; 
      } 
      if(policyno.value != '' && issuanceoffice.value != 'Select') 
      { 
       document.getElementById('txtPolNo').style.border = "solid 3px green"; 
       document.getElementById('dropIssOff').style.border = "solid 3px green"; 
       return true; 
      } 






     } 
</script>

試試這個...

來源

2013-10-14 09:22:19

我想驗證空的文本框，並將文本框留空時將邊框顏色更改爲紅色

回答

相關問題