Jquery Disable Validation проблема

Question

Я хочу отключить проверку некоторых текстовых полей, например, при нажатии определенной кнопки. Если у меня есть 4 текстовых поля, когда я нажимаю кнопку 1, только первые 2 текстовых поля должны проверяться, а когда я нажимаю кнопку 2, только последние 2 текстовых поля должны проверяться, В настоящее время все поля проверяются, Как я могу включить / отключить проверку текстового поля с помощью jquery, Проверка активируется только на текстовые поля, которые видны в пользовательском интерфейсе, а не в скрытом, я его погуглил и нашел что-то вроде этого:

 <script type="text/javascript">
document.getElementById("YourbuttonID").disableValidation = true;
</script>

Ниже приведен код, который я использую:

<script type="text/javascript">

$(document).ready(function () {
    var $startdates = $('#startDates');
    var $endDates = $('#endDates');
    var $showEvents = $('#showEvents');
    $startdates.hide();
    $endDates.hide();
    $showEvents.hide();

    $('#hide').click(function () {
        $startdates.show();
        $endDates.show();
        $('#showEvents').show();
        $('#eventdids').hide();

        $(this).hide();
        return false;

    });

    $("#hide").validate({
        ignore: "#hide"
    })

    $('#showEvents').click(function () {
        $startdates.hide();
        $endDates.hide();

        $('#eventdids').show();
        $('#hide').show();
        $(this).hide();
        return false;

    });
});
 </script>
<tr id="startDates">
        <td>
        <div class="editor-label">
            <%: Html.LabelFor(model => model.StartDate) %>
        </div>
        </td>
        <td>
        <div class="editor-field">
            <%: Html.TextBoxFor(model => model.StartDate) %>
            <%: Html.ValidationMessageFor(model => model.StartDate) %>
        </div>
        </td>
        </tr>

        <tr id="endDates">
        <td>
        <div class="editor-label">
            <%: Html.LabelFor(model => model.EndDate) %>
        </div>
        </td>
        <td>
        <div class="editor-field">
            <%: Html.TextBoxFor(model => model.EndDate) %>
            <%: Html.ValidationMessageFor(model => model.EndDate) %>
        </div>
        </td>
        </tr>
<tr id="eventdids">
        <td>
        <label>Events</label>
        </td>
        <td>
         <% foreach (var item in (SelectList)ViewData["events"]) { %>
                 <input type="checkbox" name="Name" value="<%=item.Value %>" />
                  <label for="<%=item.Value%>"><%=item.Text%></label>
                  <br />

        <% } %> 

        </td>
        <td><input type="button" name="Select" id="hide" style="width:auto" value="Select All Events" /></td>


        </tr>

        </table>
      <input type="button" name="show" id="showEvents" style="width:auto" value="Show All Events" />

        <p>
            <input type="submit" value="Create" />
        </p>

Answer 1

я бы не поиграл со скрытыми элементами + он потерпит неудачу при проверке сервера - эти поля по-прежнему обязательны для вашей модели

вам придется создать зависимую проверку для обработки обоих случаев, это может помочьвы условно-проверка-в-Asp-нетто-3-MVC