Обязательное поле, если показано на javascript

Question

У меня есть форма, где, если кто-то нажимает на ссылку, он открывает вход для ввода номера своей кредитной карты. Я пытаюсь сделать так, что если эта форма будет показана, и они щелкнули бы, она сообщит им, что требуется CC#. Если они нажмут кнопку «Отмена», она просто скроет форму.

Когда пользователь нажимает на ссылку этот код показывает форме

function lnkAddCc_Click(sender, args) { 
       //this is overkill, but just to make sure inputs are clean 
       $('#addCCRow').find('input').each(function() { (this).value = ''; }); 
       $('#<%= fullCcNumber.ClientID %>').val(''); 
       $('#addCCRow').hide(); 
       $('#addCCLabel').hide(); 
       $('#addCCRow').show(); 
      } 

при нажатии отменить этот код закрывает форму

function btnCancel_Click(sender, args) { 
       args.set_cancel(true); 
       $('#addCCRow').find('input').each(function() { (this).value = ''; }); 
       $('#<%= fullCcNumber.ClientID %>').val(''); 
       $('#addCCRow').hide(); 
       $('#addCCLabel').show(); 
      var validate = $('#aspnetForm').validate(); 
      validate.resetForm(); 

Я не могу использовать валидатор на мой

<tr class="AltRow" id="addCCRow" style="display: none"> 
       <td><label style="color: black;">Credit, Debit or ATM Card Number:</label></td> 
       <td style="text-align: right; width: 100%;"> 
        <input ID="newCard0" MaxLength="4" size="6" onkeyup="CopyCardInput(this)" />&nbsp;-&nbsp; 
        <input ID="newCard1" MaxLength="4" size="6" onkeyup="CopyCardInput(this)" />&nbsp;-&nbsp; 
        <input ID="newCard2" MaxLength="4" size="6" onkeyup="CopyCardInput(this)" />&nbsp;-&nbsp; 
        <input ID="newCard3" MaxLength="4" size="6" onkeyup="CopyCardInput(this)" /><br /> 

потому что для этого требуется, будет ли это видно или нет. Как мне заставить его требовать только тогда, когда это видно?

Answer 1

Просто передать объект в опции валидации, и переопределить параметр игнорирования:

var validate = $('#aspnetForm').validate({ 
    ignore: "" 
}); 
validate.resetForm();