Wie validiere ich ein Auswahlfeld in der jquery-Validierung?

Question

Wie kann ich nach einer ausgewählten Box in einem Mehrfachformular suchen? Meine erste Option ist <option selected disabled hidden style="display:none" value="default"></option>

Meine Geige: http://jsfiddle.net/K6Tkn/91/

Es bestätigt nur das Eingabefeld, obwohl das Auswahlfeld ein erforderliches Attribut hat.

Und wie kann ich nach Überprüfung überprüfen, wenn ich auf die Alarmschaltfläche klicke? In diesem Beispiel muss ich die Eingabe füllen, dann auf Senden und dann auf die Alarmschaltfläche klicken.

$(document).ready(function() { 
    $('form').each(function() { 
    $(this).validate({ 
     submitHandler: function(form) { // for demo 
     $('#test').on('click', function() { 
      alert('valid form'); //should simulate a next button for multi step form 
     }); 
     return false; 
     } 
    }); 
    }); 
}); 

<form> 
    <input type="text" name="username" minlength="3" required="required" /> 
    <select id="selectCatalog" name="selectCatalog" class="form-control"> 
    <option selected disabled hidden style="display:none" value="default" required="required"></option> 
    <option value="option1">option1</option> 
    <option value="option2">option2</option> 
    </select> 
    <input type="submit" value="Send" /> 
</form> 

<form> 
    <input type="text" name="email" required="required"> 
    <input type="submit" value="Send" /> 
</form> 

<button id="test">Alert</button> 

Answer 1

Sie $.validator.addMethod hinzufügen, wenn Sie die Eingabe, und wählen Sie Drop-Down ausrichten möchten.

$.validator.addMethod("validOrNah", function(value, element) { 


    if ($("#username").val() === "" || $("#selectCatalog")[0].selectedIndex === 0) { 
    return false; 
    } 
    return true; 

}, "Please enter in text and select dropdown"); 

$(this).validate({ 
    rules: { 
    selectCatalog: { 
     validOrNah: true 
    } 
    }, 

http://jsfiddle.net/ayang10/K6Tkn/129/