Le sélecteur ne fonctionne pas

Question

J'ai un problème avec la validation de mon formulaire: J'ai deux conteneurs DIV avec deux réponses. Je voudrais valider s'il y a au minimum une radio vérifiée ou s'il y a une valeur dans un élément de texte.

Mais mon sélecteur jQuery ne fonctionne pas:

HTML:

<div class="mandatory"> 
    <input type="radio" value="1" name="answer1" /> Option 1 
    <input type="radio" value="2" name="answer1" /> Option 2 
</div> 

<div class="mandatory"> 
    <input type="radio" value="1" name="answer2" /> Option 1 
    <input type="text" name="answer2" /> 
</div> 

JS:

$('.mandatory').each(function(){ 
    var elem = $(this).find('input:checked, input:text[value!=""]'); 
    console.log(elem.attr('name')); //Always "answer2" 
}); 

Il est revenu l'élément d'entrée bien qu'il soit vide. Voici mon code: http://fiddle.jshell.net/Pisi2012/n9S2Y/

Merci pour votre aide!

Answer 1

Essayez ce code:

$('.mandatory').each(function(){ 
    var elem = $(this).find('input:checked, input[type="text"][value!=""]'); 
    console.log(elem.attr('name')); //Always "answer2" 
}); 

Answer 2

Votre entrée ne comporte pas d'attribut de valeur, de sorte que le attributs matchs de sélection, comme la valeur est une chaîne vide, il n'y a qu'un pas de valeur ?

changement

<input type="text" name="answer2" /> 

à

<input type="text" name="answer2" value="" /> 

FIDDLE

Answer 3

Ce que je suppose est que vous avez besoin de la liste des mandatory divs, qui ne satisfait pas à la condition donnée, essayez

var els = $('.mandatory').filter(function(){ 
    var $this = $(this); 

    return !$this.find(':radio:checked').length && !$this.find(':text').filter(function(){return $.trim(this.value) != ""}).length 
}); 

Démo: Fiddle

Answer 4

Vous pouvez essayer la solution de Glyn Jones de cet autre fil:

How can I select a hidden field by value?

Il pourrait ressembler à ceci:

var elem = $(this).find('input:checked, input:text').filter(function() { $(this).val() != '' }); 

élément