valider sélectionner avec jquery plugin de validation

Si vous souhaitez valider cet élément avec jQuery Valider plugin, il y a deux problèmes avec son marquage...

<select id="BusinessDistrictId">
    <option value="-1">Select one...</option>
    //other options...
</select>

1) conformément aux exigences de l'jQuery Valider plugin, chaque élément doit être unique name attribut. Lorsque les règles sont déclarés dans .validate(), ils sont identifiés par leur name. Cependant, peu importe la façon dont les règles sont déclarées, chaque élément doit toujours disposer d'un unique name attribut parce que le plugin assure le suivi des éléments du formulaire.

2) Votre min: 0 règle n'est qu'une solution de contournement pour une fracture de la required règle. Afin d'utiliser required: true sur un <select> élément, vous devez avoir le value="" l'attribut de la première <option> élément; de sorte dans votre cas, le required règle sera toujours ignoré. Et puisque vous avez la min: 0 règle générale, vous êtes obtenir un semblable résultat de validation qui implique un objet sélectionné. Même avec la value="" l'attribut de la première option, ayant à la fois la required et min règles sur un select élément ne fait pas de sens logique.

Voici le bon code...

HTML:

<select id="BusinessDistrictId" name="BusinessDistrictId">
    <option value="">Select one...</option> <!-- first option contains value="" -->
    //other options...
</select>

jQuery:

rules: {
    BusinessDistrictId: {  //<-- this is the name attribute
        required: true
    }
},

DÉMO: http://jsfiddle.net/y82dV/

OriginalL'auteur Sparky