Vérification d'éléments dans le tableau si vide en jQuery

j'ai un tableau de champs de saisie qui va contenir certaines informations. Je doit vérifier si l'un d'entre eux sont vides.

jQuery Code:

   $("#NewUserBtn").click(function () {

            var zorunluAlan = ["#YeniAd", "#YeniSoyad", "#YeniEposta", "#YeniEpostaOnay", "#YeniSifre", "#YeniSifreOnay"];

            for (i = 0; i < zorunluAlan.length; i++) {
                if (//What should i write here?) {
                    alert("Please fill all input fields!");
                    break;
                }
            }
    });
envisagez-vous une entrée remplis avec de l'espace(s) vide?
oui, les espaces ne seront pas autorisés.

OriginalL'auteur AloneInTheDark | 2013-09-11

  1. 3

    Utilisation,

    $("#NewUserBtn").click(function () {

            var zorunluAlan = ["#YeniAd", "#YeniSoyad", "#YeniEposta", "#YeniEpostaOnay", "#YeniSifre", "#YeniSifreOnay"];

            for (i = 0; i < zorunluAlan.length; i++) {
                if ($(zorunluAlan[i]).val().trim().length == 0) {
                    alert("Please fill all input fields!");
                    return false;
                }
            }
    });

    OriginalL'auteur Dipak Ingole

  2. 2

    En supposant que vous êtes à l'aide de jQuery, vous avez besoin de mettre !$(zorunluAlan[i]).val() en tant que votre condition.

    il est très clair solution.
    cette habitude de vérifier les espaces.De toute façon accepté.
    vous avez raison, mais les espaces ne sont pas une chaîne vide

    OriginalL'auteur David

  3. 2

    Vous pouvez le faire d'une manière plus propre à l'aide de jQuery filter fonction:

    var zorunluAlan = ["#YeniAd", "#YeniSoyad", "#YeniEposta", "#YeniEpostaOnay", "#YeniSifre", "#YeniSifreOnay"];

var $empty = $(zorunluAlan.join(",")).filter(function() {
    return ($(this).val().length === 0);
});

if($empty.length > 0) {
   alert("Please fill all input fields!");
}
    filter est une boucle :p
    ouais. il est, mais vous ne la voyez pas rendre votre code plus propre 🙂
    Eh, pas vraiment. Parce que dans ton code il n'y a aucun moyen d'arrêter la boucle lorsqu'une entrée vide est trouvé, c'est une perte d'efficacité.
    yap, nettoyeur... pas plus rapide. Mais je parie que dans la fin, il ne sera pas briser la boucle de sorte qu'il peut afficher un message d'erreur pour chaque entrée 😉
    je suis habitué à des gens avec ce genre de "points". En raison de <1ms de pertes de performances que vous pouvez dire avec certitude que "ce sont des gens comme moi qui sont la raison pour laquelle l'internet est tellement lent". Je suis content que des inconnus me connaissent si bien.

    OriginalL'auteur letiagoalves

  4. 0

    C'est vraiment facile, même dans les Vanilla JS

    document.getElementById('NewUserBtn').onclick = function() {
    var zorunluAlan = ["YeniAd","YeniSoyad","........"],
        l = zorunluAlan.length, i;
    for( i=0; i<l; i++) {
        if( !document.getElementById(zorunluAlan[i]).value) {
            alert("Please fill all input fields! ["+zorunluAlan[i]+" is empty]");
            return false;
        }
    }
    return true;
}

    Puis de nouveau, c'est encore plus simple en HTML:

    <input type="text" name="YeniAd" REQUIRED />

    L'attribut ne doit pas être en majuscule, j'ai juste fait en sorte de le rendre plus obivous 😉

    OriginalL'auteur Niet the Dark Absol

  5. 0
       $("#NewUserBtn").click(function () {

       var zorunluAlan = ["#YeniAd", "#YeniSoyad", "#YeniEposta", "#YeniEpostaOnay", "#YeniSifre", "#YeniSifreOnay"];

       for (i = 0; i < zorunluAlan.length; i++) {
           if (!$.trim($(zorunluAlan[i]).val()).length) {
           alert("Please fill all input fields!");
           break;
           }
       }
   });

    OriginalL'auteur A. Wolff

  6. 0

    Une méthode alternative à l'aide de chaque

    var zorunluAlan = $("#YeniAd, #YeniSoyad, #YeniEposta, #YeniEpostaOnay, #YeniSifre, #YeniSifreOnay"),
        invalid = false;
    if(zorunluAlan.length) {
      zorunluAlan.each(function() {
        var thisValue = $(this).val();
        if(thisValue == "" || !thisValue){
          invalid = true;
        }    
      });
    }
    if(invalid){
      alert("Please fill all input fields!");
    }

    OriginalL'auteur Dave Haigh

  7. 0

    Idée de base à l'aide de jQuery pour ajouter une classe d'erreur

    $("#a,#b,#c")
    .removeClass("error")
    .filter( 
        function(){
            return !this.value.length;
        }
    )
   .addClass("error");

    http://jsfiddle.net/m3WA8/

    Il pourrait être simplifié par l'utilisation d'une catégorie ou d'un attribut au lieu de la chaîne d'id.

    OriginalL'auteur epascarello