Javascript 验证两个文本框是否都应填充或都应为空

我有两个文本框。我需要验证两个文本框是否都已填充，只有一个文本框无法填充

<asp:TextBox ID="testTxtName" runat="server" />
<asp:TextBox ID="testTxtGroup" runat="server" />

我需要在单击提交按钮时进行此验证。

---

因此，用户必须填写两个文本框，否则两个文本框都应为空。只填充一个文本框是错误的。如何使用javascript实现这一点？

假设您已经处理了服务器端验证，这是在客户端处理验证的一种方法

关于这一点，请注意：

• 这是因为在JS中，空字符串是错误的值
• 从附加到

  onSubmit

  事件的函数返回false将阻止表单提交
• 显然，您需要显示某种错误消息，而不仅仅是无声地失败

祝你好运

<script type="text/javascript">
    function validate() {
        var txt1 = document.getElementById('<%=TextBox1.ClientID%>').value;
        var txt2 = document.getElementById('<%=TextBox2.ClientID%>').value;
        if (!txt1 && !txt2) {
            true
        }
        else if( (txt1 && !txt2)|| (!txt1 && !txt){
            alert("Please fill both textbox");
            false
        }           
        true
    }
</script>
<title></title>

函数验证（）{
var txt1=document.getElementById（“”）.value；
var txt2=document.getElementById（“”）.value；
如果（！txt1&&！txt2）{
真的
}
如果（（txt1&&！txt2）| |（！txt1&&！txt）{
警告（“请填写两个文本框”）；
假的
}           
真的
}

---

您希望何时执行此操作？提交时？这不应代替服务器端验证-仅用于用户体验目的。我希望在单击提交按钮时执行此操作。但我可以使用customvalidator执行此操作吗？请指导我，我是javascript新手。是的，我们可以在服务器端执行此操作，但要求使用javascript。感谢quick回复。但请让我知道，我可以使用customvalidator执行相同的操作吗？在第二个文本框旁边，我需要显示错误消息，我如何执行此操作？恐怕我对asp一无所知：（否则，我很乐意提供帮助。显示错误消息的方法有一百万种，这取决于您手头有哪些前端库和框架。您是否使用类似bootstrap的CSS框架？如果有的话，您使用哪些javascript库？

<script type="text/javascript">
    function validate() {
        var txt1 = document.getElementById('<%=TextBox1.ClientID%>').value;
        var txt2 = document.getElementById('<%=TextBox2.ClientID%>').value;
        if (!txt1 && !txt2) {
            true
        }
        else if( (txt1 && !txt2)|| (!txt1 && !txt){
            alert("Please fill both textbox");
            false
        }           
        true
    }
</script>
<title></title>

<div>

    <asp:Button ID="Button1" runat="server" OnClientClick="validate();" Text="Button" />

    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

</div>
</form>