使用JavaScript禁用ASP验证器



在WebForm中,我有一个复选框和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>

谢谢所有

您不需要多个验证器即可完成您的尝试。首先,摆脱必需的fieldValidator" rfvchkbox" - 您不需要它。

第二,您的CustomValidator缺少几件事,尤其是Controltalation。

<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

我还建议您的验证者一条更具描述性的错误消息,而不是"错误"

最新更新