如何使用 jquery/javascript 将 asp:RequiredFieldValidator 分配给 asp:TextBox

Question

Just wondering, will it be possible to assign the request validation to asp:TextBox with jquery/javascript?

I have the following code will create a checkbox with a textbox next to it:

    <tr>   
        <th class="graytext r">Add Reps to Team:</th>
        <td>           
         <asp:GridView ID="grid" runat="server" AutoGenerateColumns="False" DataKeyNames="EmployeeID"
                DataSourceID="dsEmployees" EnableViewState="false"
                GridLines="None" CssClass="clGridDirectory">
                <Columns>
                  <asp:TemplateField >
                    <ItemTemplate>
                      <asp:CheckBox runat="server" ID="employee_name" CssClass="employee_name" Text='<%# Eval("fullname") %>'/> 
                      <asp:HiddenField runat="server" ID="employeeidToRep" Value='<%# Eval("employeeid") %>'/>
                      <asp:TextBox runat="server" ID="repID" Text='<%# Eval("rep_id") %>'  />
                    </ItemTemplate>
                  </asp:TemplateField>
                </Columns>
              </asp:GridView>       
           <asp:SqlDataSource ID="dsEmployees" runat="server" ConnectionString="<%$ ConnectionStrings:TestConnectionString %>"
                SelectCommand="app_staff_without_team_select" SelectCommandType="StoredProcedure">
          </asp:SqlDataSource>        
        </td>
    </tr>   

Just wondering, will it be possible for me to assign the asp:RequiredFieldValidator to the textbox when checkbox is checked or removed the asp:RequiredFieldValidator when checkbox is unchecked?

Answer 1

ASP.NET renders a client-side function named ValidatorEnable that you can use to enable/disable a validator on the fly. Just called it from the CheckBox's click event:

$(function() {
    $('#checkBoxID').click(function() {
        var validator = document.getElementById('validatorId');
        ValidatorEnable(validator, $(this).prop('checked'));
    });
});

Answer 2

Set the CssClass attribute on the TextBox, such as CssClass="RepClass" and try to disable the required field validator in the 'click' event:

so...something like this...

$(".RepClass").click(function() 
{
    $(".RepClass").attr("disabled","disabled");
});

not 100% this will work, but worth a try!