使用 javascript 禁用 asp 验证器答案

【问题标题】：Disabling asp validators using javascript使用 javascript 禁用 asp 验证器
【发布时间】：2014-01-19 14:15:04
【问题描述】：

在网络表单中，我有一个复选框和 3 个文本框。我向所有 3 个文本框添加了必填字段验证器。我希望 textbox1 仅在选中复选框时才是强制性的。我想用javascript来做。我正在使用 customvalidator，但我不确定我在哪里做错了。下面是我的代码。

<form id="form1" runat="server">
<div>
    <asp:CheckBox Checked="false" ID="chkBox"  runat="server"/>
    <asp:TextBox ID="txtBox1" Enabled="true" runat="server" />
    <asp:CustomValidator id="newcstvalid" runat="server" ClientValidationFunction="CheckBoxValidation"></asp:CustomValidator>
    <asp:RequiredFieldValidator runat="server" ID="rfvchkbox" ControlToValidate="txtBox1" ErrorMessage="error" ValidationGroup="abc"></asp:RequiredFieldValidator>
    <br />

    <asp:TextBox ID="txtBox2" runat="server"></asp:TextBox>
    <asp:RequiredFieldValidator runat="server" ID="rfvtxt1" ControlToValidate="txtBox2" ErrorMessage="error" ValidationGroup="abc"></asp:RequiredFieldValidator>
    <br />

    <asp:TextBox ID="txtBox3" runat="server"></asp:TextBox>
    <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1" ControlToValidate="txtBox3" ErrorMessage="error" ValidationGroup="abc"></asp:RequiredFieldValidator>
    <br />

    <asp:Button ID="btnSubmit" runat="server" Text="Button" CausesValidation="true" ValidationGroup="abc"/>
    <asp:ValidationSummary runat="server" ID="valsumm" ValidationGroup="abc" ShowValidationErrors="true" />
</div>
</form>

我的javascript函数是

<script type="text/javascript">
    function CheckBoxValidation() {
        var myCheckBox = document.getElementById("<%= chkBox.ClientID %>");            
        var validator = document.getElementById("<%= rfvchkbox.ClientID %>");
        if (myCheckBox.checked)
        { ValidatorEnable(validator, true); }
        else { ValidatorEnable(validator, false); }                
        }        
</script>

谢谢大家

【问题讨论】：

标签： javascript asp.net requiredfieldvalidator customvalidator

【解决方案1】：

在这里，您不需要多个验证器来完成您正在尝试的事情。首先，去掉 requiredfieldvalidator "rfvchkbox" - 你不需要它。

其次，您的 CustomValidator 缺少一些东西，尤其是 ControlToValidate。

<asp:CustomValidator id="newcstvalid" runat="server" ClientValidationFunction="CheckBoxValidation" ControlToValidate="txtBox1" ErrorMessage="* Required" ForeColor="Red"></asp:CustomValidator>

接下来，您的函数应该将 args.isValid 属性设置为 true 或 false，而不是启用/禁用单独的控件。

function CheckBoxValidation(source, args) {
        if ($("<%=chkBox.ClientID%>").checked && args.toString().length == 0)
            args.IsValid = false;
        else
            args.IsValid = true; 
        }

查看 msdn 文档：http://msdn.microsoft.com/en-us/library/aa479045.aspx

我还建议为您的验证器提供比“错误”更具描述性的错误消息

【讨论】：