jQuery Valider Nécessaire, Sélectionnez

Je suis en train de valider html sélectionner l'élément à l'aide de jQuery Valider plugin. J'ai mis "nécessaire de la règle du vrai, mais il passe toujours de validation, car le zéro de l'indice est choisi par défaut. Est-il possible de définir une valeur vide qui est utilisé par la règle?

UPD. Exemple. Imaginons que nous ayons le code html suivant de contrôle:

<select>
  <option value="default">Choose...</option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>

Je veux Validation plugin pour utiliser la valeur "par défaut" comme vide.

Mettre quelques extrait de code afin que nous puissions vous aider.
double possible: stackoverflow.com/questions/1271640/jquery-validate-select-box

InformationsquelleAutor SiberianGuy | 2010-05-24

jquery jquery-validate

203

Vous pouvez écrire votre propre règle!
```
 //add the rule here
 $.validator.addMethod("valueNotEquals", function(value, element, arg){
  return arg !== value;
 }, "Value must not equal arg.");

 //configure your validation
 $("form").validate({
  rules: {
   SelectName: { valueNotEquals: "default" }
  },
  messages: {
   SelectName: { valueNotEquals: "Please select an item!" }
  }  
 });
```
- il m'a aidé aussi, merci
- Sauvé ma journée! Merci.
- Vous pouvez tester le texte sélectionné au lieu de la valeur, comme ceci: $.validator.addMethod("valueNotEquals", function(value, element, arg){ return return arg != jQuery(element).find('option:selected').text(); }, "Value must not equal arg.");
- Pour aider les futurs lecteurs: Où est dit SelectName il signifie que la valeur de l'attribut de nom et pas de la valeur de l'attribut id. C'est un peu déroutant car lorsque l'on travaille en JS on travaille généralement avec l'id et non le nom. Voir la documentation de ici: "les règles (par défaut: les règles sont lues à partir de la majoration (classes, attributs de données)) Type: Objet de paires Clé/valeur de définir des règles personnalisées. La clé est la nom d'un élément"
- La meilleure solution à ce jour!
- Merci! Aidé à réparer une merde du code legacy.
InformationsquelleAutor JMP
233

Une solution plus facile a été expliqué ici:
Valider sélectionner la zone

La valeur est vide et ajouter l'attribut
```
<select id="select" class="required">
<option value="">Choose an option</option> 
<option value="option1">Option1</option>
<option value="option2">Option2</option>
<option value="option3">Option3</option>
</select>
```
- C'est une excellente réponse et je suis choqué qu'il n'est pas acceptée, un
- celui-ci doit être acceptée comme un. Vous n'avez pas à écrire votre propre méthode. SEC
- Mais vous avez à donner votre option une valeur vide - pas toujours possible ou souhaitable
- Cela ne devrait pas être accepté de répondre parce que l'affiche originale est demandant explicitement l'utilisation de "règles", qui est une option qui est de la fed pour le valider constructeur, et ne sont pas présents dans le balisage. Parfois, vous n'avez pas le luxe de la modification de l'annotation. (Et personnellement, je préfère juste ne pas mettre de la logique dans le balisage.)
- c'est encore logique dans le balisage, si la logique s'attend value="" ou value="valeur par défaut"
InformationsquelleAutor Andrew Coats
38

la solution la plus simple

il suffit de régler la valeur de la première option est la chaîne vide value=""
```
<option value="">Choose...</option>
```
et jquery de validation obligatoire règle will work
- En effet le plus simple
- Cela n'a pas fonctionné pour moi
- Cool, la solution la plus simple pour moi.
InformationsquelleAutor Basheer AL-MOMANI
29

utilisation min règle

ensemble de la première option de la valeur à 0
```
'selectName':{min:1}
```
- La première valeur est fixe (il y en a backend logique par rapport à cette valeur)
- Super! SIMPLE! 😀
- grand hack funky
InformationsquelleAutor Funky Dude
8

Vous avez seulement besoin de mettre validate[required] de la classe de ce de sélectionner et de mettre une option value=""

par exemple:
```
<select class="validate[required]">
  <option value="">Choose...</option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>
```
- C'est un travail pour moi. Merci
InformationsquelleAutor omalave
7

Je ne sais pas comment est le plugin le temps, la question a été posée (2010), mais j'ai connu le même problème aujourd'hui et résolu de cette façon:
1. Donner votre balise select un nom d'attribut. Par exemple, dans ce cas
  
  <select name="myselect">
2. Au lieu de travailler avec la valeur de l'attribut="valeur par défaut" dans la balise option, désactivez l'option par défaut ou définir la valeur="" comme suggéré par Andrew Manteaux
  
  <option disabled="disabled">Choose...</option>
  
  ou
  
  <option value="">Choose...</option>
3. Définir le plugin règle de validation
  
  $( "#YOUR_FORM_ID" ).validate({ rules: { myselect: { required: true } } });
  
  ou
  
  <select name="myselect" class="required">
Obs: Andrew Coats solution ne fonctionne que si vous avez juste un select dans votre formulaire. Si vous voulez sa solution à travailler avec plus d'une sélectionnez ajouter un attribut de nom à votre sélection.

Espère que cela aide! 🙂
- Merci pour la consolidation de la réponse ici. Très utile
- === C'EST LA PLUS CONCISE ET MINIMALISTE RÉPONSE ===
- en bref, ajouter required attribut à la <select> tag et ajouter disabled attribut de la première <option> balise (ou l'un avec l' selected attribut si il y en a un)
InformationsquelleAutor Pedro Paulo Mendes Pereira

Ici est simple et compréhensible exemple :

   <select class="design" id="sel" name="subject">
        <option value="0">- Please Select -</option>
        <option value="1"> Example1 </option>
        <option value="2"> Example2 </option>
        <option value="3"> Example3 </option>
        <option value="4"> Example4 </option>
   </select>

    <label class="error" id="select_error" style="color:#FC2727"><b> Warning : You have to Select One Item.</b></label><td>

    <input type="submit" name="sub" value="Gönder" class="">

JQuery :

jQuery(function() {  

jQuery('.error').hide(); //Hide Warning Label. 

jQuery("input[name=sub]").on("click", function() {

   var returnvalue;

   if(jQuery("select[name=subject]").val() == 0) {

        jQuery("label#select_error").show(); //show Warning 
        jQuery("select#sel").focus();  //Focus the select box      
        returnvalue=false;   

}

return returnvalue;

});
      });  //you can change jQuery with $

InformationsquelleAutor fthopkins

La solution mentionnée par @JMP travaillé dans mon cas, avec un peu de modification:
J'utilise element.value au lieu de value dans le addmethod.

$.validator.addMethod("valueNotEquals", function(value, element, arg){
    //I use element.value instead value here, value parameter was always null
    return arg != element.value; 
}, "Value must not equal arg.");

//configure your validation
$("form").validate({
    rules: {
        SelectName: { valueNotEquals: "0" }
    },
    messages: {
        SelectName: { valueNotEquals: "Please select an item!" }
    }  
});

Il pourrait être possible, que j'ai un cas particulier ici, mais il n'a pas à déterminer la cause. Mais @JMP est la solution de travail dans les affaires ordinaires.

InformationsquelleAutor Legends

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>

 <form id="myform"> 
       <select class="form-control" name="user_type">
        <option value="">Select</option>
        <option value="2">1</option>
        <option value="3">2</option>
        </select>
       </form>


<script>
  $('#myform').validate({ //initialize the plugin
            rules: {
          user_type:{ required: true},
         }
      });
</script>

sélectionnez la valeur sera vide

Alors que cet extrait de code, peut-être de résoudre la question, y compris une explication aide vraiment à améliorer la qualité de votre post. Rappelez-vous que vous répondez à la question pour les lecteurs dans l'avenir, et ces personnes pourraient ne pas connaître les raisons de votre code suggestion. Veuillez aussi essayer de ne pas surcharger le code avec des notes explicatives, ce qui réduit la lisibilité à la fois le code et les explications!

InformationsquelleAutor abhishek kumar

0

C'est simple, vous avez besoin pour obtenir le champ de sélection de valeur et il ne peut pas être "par défaut".
```
if($('select').val()=='default'){
    alert('Please, choose an option');
    return false;
}
```
InformationsquelleAutor Maycow Moura

comment valider le "métiers et une modalité" il a 3 choisissez

$(document).ready(function(){

    $('.validateForm').validate({
        rules: {
            fullname: 'required',
            ragionesociale: 'required',
            partitaiva: 'required',
            recapitotelefonico: 'required',
            qualifica: 'required',
            email: {
                required: true,
                email: true
            },
        },
        submitHandler: function(form) {

            var fullname = $('#fullname').val(),
                            ragionesociale = $('#ragionesociale').val(),
                            partitaiva = $('#partitaiva').val(),
                            email = $('#email').val(),
                            recapitotelefonico = $('#recapitotelefonico').val(),
                            qualifica = $('#qualifica').val(),
                            dataString = 'fullname=' + fullname + '&ragionesociale=' + ragionesociale + '&partitaiva=' + partitaiva + '&email=' + email + '&recapitotelefonico=' + recapitotelefonico + '&qualifica=' + qualifica;

            $.ajax({
                type: "POST",
                url: "util/sender.php",
                data: dataString,
                success: function() {

                    window.location.replace("./thank-you-page.php");


                }
            });
            return false;
        }
    });

});

Bienvenue à Débordement de Pile! Merci pour cet extrait de code, ce qui pourrait fournir quelques limitée à court terme. Une explication correcte améliorerait grandement sa valeur à long terme en montrant pourquoi c'est une bonne solution au problème, et de le rendre plus utile pour les futurs lecteurs avec d'autres, des questions similaires. Veuillez modifier votre réponse à ajouter quelques explications, y compris les hypothèses que vous avez faites.

InformationsquelleAutor michele

-3

       html
        <select class="design" id="sel" name="subject">
                <option >- Please Select -</option>
                <option value="1"> Example1 </option>
                <option value="2"> Example2 </option>
                <option value="3"> Example3 </option>
                <option value="4"> Example4 </option>
           </select>

            <label class="error" id="select_error" style="color:#FC2727"><b> Warning : You have to Select One Item.</b></label><td>

            <input type="submit" name="sub" value="Gönder" class="">
**jQuery**

$(document).ready(function() {  
    if($("#sel").val() == null){
         alert('select a value)
         }
      });

Qui n'a pas l'air de bonne - pourquoi avez-vous déclencher une alerte sur le chargement de la page, mais pas de vérifier avant de soumettre le formulaire?

InformationsquelleAutor Chetan Reddy

Vous devez vous connecter pour publier un commentaire.