javascript - 勾选复选框时如何制作必需的项目？

Question

如果勾选了复选框，我正在尝试将文本框、下拉列表和带有日期选择器的文本框设置为必需。因此，如果未勾选复选框，则不需要字段，但如果勾选，则所有字段都是必需的。

<table>
    <tbody>
    <tr>
        <td class="Header">Haz Trained?</td>
        <td></td>
        <td>
            <asp:CheckBox runat="server" ID="chkHazTrained" OnClick="updateValidator();"/>
        </td>
    </tr>
    <tr>
        <td class="Header">Haz License No</td>
        <td></td>
        <td>
            <asp:TextBox runat="server" ID="txtHazLicenseNo"></asp:TextBox>
            <asp:RequiredFieldValidator ID="rfvHazLicenseNo" ControlToValidate="txtHazLicenseNo" ErrorMessage="You must enter a License No." runat="server" /> 
        </td>
    </tr>
    <tr>
        <td class="Header">License Type</td>
        <td></td>
        <td>
            <asp:DropDownList runat="server" ID="ddlHazLicenseType">
            </asp:DropDownList>

        </td>
    </tr> 
    <tr>
        <td class="Header">Expiry Date
        </td>                                           
        <td></td>
        <td>
            <asp:TextBox runat="server" ID="txtHazLicenseExpiryDate" rel="datepicker" CssClass="dateonly"></asp:TextBox>
         </td>
    </tr>                        

</tbody>
</table>

我尝试创建一个 javascript 函数，但它无法正常工作。即使未勾选复选框，它也会要求填写文本框。如果未勾选复选框，则不需要其他字段。那么我该如何解决这个问题呢？

function updateValidator() {
        var enableValidator = !event.srcElement.status;
        var rfvHazLicenseNo = document.getElementById('rfvHazLicenceNo');
        ValidatorEnable(rfvHazLicenseNo, enableValidator);
    }

尝试过的客户验证器:

     <asp:TextBox runat="server" ID="txtHazLicenseNo" Text=""></asp:TextBox>
                                                        <asp:CustomValidator id="CustomValidator2" runat="server" 
                                                          ControlToValidate = "txtHazLicenseNo"
                                                          ErrorMessage = "Please enter"
                                                          ClientValidationFunction="validateHazLicence" >
                                                        </asp:CustomValidator>

function validateHazLicence(oSrc, args){
        if(chkHazTrained.checked == true)
        {
            args.IsValid = (args.Value.length > 0);
        }
    }

但是当勾选复选框时，它不会使文本框成为必需的。

Answer 1

I believe you want to use a custom validator.因此，如果 chkHazTrained.Checked == false，或者如果 ChkHazTrained.Checked == true 并且文本框/ddl 具有值，则文本框/ddl 将有效。

我想您可以使用 RequiredFieldValidators 并在 Checkbox 的 CheckedChanged 事件上更新它们的 .Enabled 属性来让它工作，但这也需要您的复选框回发。