jQuery Valider: Pas la valeur par défaut

Question

J'ai un élément de sélection de liste déroulante de catégorie dans mon formulaire. Le formulaire est validé avec jQuery comme suit:

$('#myForm').validate({ 
    rules: { 
     text: { 
       required: true 
     }, 
     category: { 
      required: true 
     } 
    }, 
    messages: { 
     text: { 
      required: "Text required" 
     }, 
     category: { 
      required: "Category required" 
     } 
    } 

Lors du chargement de la page, la valeur par défaut de la catégorie est: « --- » (sans les guillemets). Quand je soumets le formulaire, la validation dit que tout va bien, parce que '---' n'est pas rien. Comment puis-je l'empêcher d'envoyer quand '---' est utilisé comme catégorie? Les autres catégories sont quelque chose comme ceci: Catégorie1. Une des possibilités doit être choisie et je ne peux pas changer la sélection de la liste déroulante.

Merci!

Answer 1

Vous pouvez ajouter une règle personnalisée, comme ceci:

jQuery.validator.addMethod("notEqual", function(value, element, param) { 
    return this.optional(element) || value !== param; 
}, "Please choose a value!"); 

Ensuite, utilisez cette règle dans votre rules, comme ceci:

category: { 
     required: true, 
     notEqual: "---" 
    } 

You can test it out here.

Answer 2

J'ai utilisé le plugin de http://jqueryvalidation.org/ en vue MVC et modifié comme suit:

Note: L'utilisation lorsque l'option menu déroulant -> Valeur: 0, texte: --Sélectionnez--

- > ajouter type requis sur mesure

//====find "message {: ..." 
messages: { 
    required: "This field is required.", 
    remote: "Please fix this field.", 
    email: "Please enter a valid email address.",.... 

//====modify to 
messages: { 
    noDefaultVal: "This field is required.", //<-- modified 
    required: "This field is required.", 
    remote: "Please fix this field.", 
    email: "Please enter a valid email address.",.... 

-> ajouter méthode requise personnalisée

//====and find "methods: {: ..." 
methods: { 
    // http://docs.jquery.com/Plugins/Validation/Methods/required 
    required: function(value, element, param) { 
    // check if dependency is met 
    if (!this.depend(param, element)) {.... 

//====modify to 
methods: { 
    noDefaultVal: function (value, element, param) { 
     return this.optional(element) || value != param; 
    }, 
    // http://docs.jquery.com/Plugins/Validation/Methods/required 
    required: function(value, element, param) { 
    .... 

-> sur la page de script

$("#frmSave").validate({ 
    //set required fields 
    rules: { 
    ITEM_TYPE: { 
     required: true , 
     noDefaultVal: "0" 
    } 
    } 
}); 

Regard.