Comment dire que toutes les zones de texte dynamiquement construits ont une valeur

Question

Code donné qui calcule (puis construit) combien de zones de texte d'une page a:

 var gEmails = '<p>Please enter your desired emails</p>'; 

     for (var i = 0; i < numInputs2Render; i++) { 
      gEmails = gEmails + '<input type="text" id="Email' + i + '" class="emailInput">'; 
     } 

Comment puis-je ajouter du code qui peut dire chaque entrée a été brouillé par l'utilisateur? This answer gets me oh so close mais j'ai besoin d'un code qui est déclenché quand une de mes zones de texte dynamiques entend un événement de flou afin que je puisse tester la condition non vide dans toutes les entrées correspondantes.

thx

Answer 1

Cette fonction de rappel sera déclenchée si l'un des champs est flou.

$('.emailInput').blur(function() { 
    var nonEmpty = $('.emailInput').filter(function() { 
     return $.trim(this.value) != ''; 
    }); 
    if(nonEmpty.length > 0) { 
     // do something 
    } 
}); 

Vous pouvez également configurer un gestionnaire en direct en utilisant

$('.emailInput').live('blur', function() .. 

de sorte que vous ne devez pas continuer à lier l'événement flou lorsque de nouvelles entrées sont insérées. Faites-le une fois au début et il s'occupera de toutes les zones de texte insérées dynamiquement.

Answer 2

En ajoutant un événement onblur au constructeur de la boîte:

onblur = "JavaScript: checkEmails();" Écouter l'événement de flou sur tous les champs de saisie.