jQuery validate - wenn eine Option ausgewählt ist, die nächste Option nicht erforderlich?

Question

Ich bin ein komplettes noob, neu alles im Grunde Tutorien folgendes zu verstehen, ich bin das jQuery-Plugin-Formular

mit Ich versuche, eine Form zu machen, wo „Kontakttyp“ gewählt, und wenn „Telefon msgstr "Option wird gewählt, dann wird die" Zeit des Kontakts "benötigt, aber wenn" Email "gewählt wird, wird die" Zeit des Kontakts "nicht benötigt.

* Das Formular 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 Regeln:

$(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, 
     }, 

aktualisieren. So endet das Validierungsformular.

// 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'; 
      } 
     } 
    }, 

Es ist in der Dokumentation: http://docs.jquery.com/Plugins/Validation/validate#code