当文本框为空时，我想验证空文本框并将边框颜色更改为红色答案

【问题标题】：I want to validate empty textboxes and change the border color to red when textbox is left empty当文本框为空时，我想验证空文本框并将边框颜色更改为红色
【发布时间】：2013-10-14 09:15:35
【问题描述】：

到目前为止，这是我的代码，当我单击第一个文本框并将其留空时，边框颜色变为红色，并提示我它是空的，但是当我转到其他字段时，将其留空，它仍然提示我我的第一个文本框是空的而不是第二个文本框，如果我在第一个文本框上输入一个值，那就是边框颜色变为绿色的时候，也是我提示我的第二个输入的时间是空的，我希望它像雅虎邮件注册中的一样连续完成，请帮助

 <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>

【问题讨论】：

我建议你看看jQuery - api.jquery.com
嗨！欢迎来到堆栈溢出。看起来您可能需要注意两件事：1) 当您有关于该问题的新信息时，不要开始新问题，而是编辑 existing question 的正文。 2）您还应该澄清-您使用的是asp.net还是经典asp？它们是两种不同的技术，前者有一些验证库可以让这变得更容易。相应地编辑您的标签。

标签： asp.net validation asp-classic textbox

【解决方案1】：

<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>

试试这个...

【讨论】：