Question

在网络表单中，我有一个复选框和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>

全部谢谢

Answer 1

在这里，您不需要多个验证器来完成您尝试的操作。首先，摆脱requiredfieldvalidator＆＃34; rfvchkbox＆＃34; - 你不需要它。

其次，您的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

我还建议您为验证器提供更具描述性的错误消息，而不是＆＃34;错误＆＃34;

使用javascript禁用asp验证器

1 个答案: