jQuery validate - jeśli wybrana jest opcja, nie jest wymagana następna opcja?

Question

jestem kompletnym noobem, nowy w zasadzie wszystko po tutoriale do zrozumienia, używam jQuery Form Plugin

Próbuję zrobić formularz, w którym „styk” jest wybrany, a jeśli „telefon "Opcja jest wybrana, a następnie wymaga" czasu kontaktu ", ale jeśli wybrana jest opcja" e-mail ", oznacza to, że" czas kontaktu "nie jest wymagany.

* Formularz html. *

<form id="askquestion" action="questionprocess.php" method="post"> 

       <td><label for="response type">Method of contact:</label></td> 
       <td><select name="response_type"> 
        <option value="" selected="selected">-- Please select --</option> 

        <option value="Phone">Phone</option> 
        <option value="Email">Email</option> 
        </select></td> 
        </tr> 

        <td><label for="response time">Best time to contact:</label></td> 
       <td><select name="contact_time"> 
        <option value="" selected="selected">-- Please select --</option> 
        <option value="morning_noon">Morning to Noon</option> 
        <option value="noon_afternoon">Noon to afternoon</option> 
        <option value="evenings">Evenings</option> 
        </select></td> 
        </tr> 


     </form> 

jQuery Przepisy:

$(function() { 
    // Validate the contact form 
    $('#askquestion').validate({ 
    // Specify what the errors should look like 
    // when they are dynamically added to the form 
    errorElement: "label", 
    wrapper: "td", 
    errorPlacement: function(error, element) { 
     error.insertBefore(element.parent().parent()); 
     error.wrap("<tr class='error'></tr>"); 
     $("<td></td>").insertBefore(error); 
    }, 

    // Add requirements to each of the fields 
    rules: { 

     response_type: { 
      required:true, 
     }, 


     contact_time: { 
      required:true, 
     }, 

zaktualizować. Tak kończy się formularz sprawdzania poprawności.

// Use Ajax to send everything to form processing file 
    submitHandler: function(form) { 
     $("#send").attr("value", "Sending..."); 
     $(form).ajaxSubmit({ 
      success: function(responseText, statusText, xhr, $form) { 
       $(form).slideUp("fast"); 
       $("#response").html(responseText).hide().slideDown("fast"); 
      } 
     }); 
     return false; 
    } 
    }); 
}); 

Answer 1

rules: { 
    response_type: { 
     required: true, 
     contact_time: { 
      depends: function() { 
       return $('#askquestion select[name="response_type"]').val() === 'Phone'; 
      } 
     } 
    }, 

Jest w dokumentacji: http://docs.jquery.com/Plugins/Validation/validate#code