Comment sélectionner vide entrées (valeur=“”) à l'aide de jQuery

Comment puis-je vérifier pour vider des valeurs de (required) les champs d'entrée dans une section, puis ajouter une classe sur un événement, à l'aide de jQuery? Jusqu'à présent, j'ai essayé:

jQuery("#sender_container input.required").val("").addClass("error");

Mais qui semble ENSEMBLE la valeur, plutôt que de les vérifier. Des idées?

InformationsquelleAutor Richard Harris | 2012-05-18

89
```
jQuery("#sender_container input.required").filter(function() {
    return !this.value;
}).addClass("error");
```
Pourquoi vous devez utiliser filter et pas [value=""] vous pouvez le voir dans cette DÉMO

La raison en est: sélecteur d'attribut vérifier l'état initial de l'élément, et non pas à l'état actuel. (notez que vous pouvez changer le "initiale" de l'état avec la attr, mais c'est une mauvaise pratique, vous devez toujours utiliser prop)

Donc, si vous changez la valeur d'entrée, la valeur actuelle de ne pas l'effet de l'attribut sélecteur. pas sage... :)

Notes:
- .val() retourne la valeur de l'élément de formulaire, et rompt le jQuery de la chaîne,
  $('selector').val().addClass('foo') Erreur, la valeur de retour est une chaîne de caractères\ nombre
- .val(valueToSet) jeux de la valeur de l'élément de formulaire et de ne pas briser le jQuery de la chaîne.
  
  $('selector').val("some value").addClass('foo') - Valide, la valeur retournée est un jQuery
- Merci mais cela ne fonctionne que si TOUTES les entrées sont vides. Mais si j'ai 2 champs requis, et l'on a une valeur, et l'autre est vide, rien ne se passe.
- Il devrait fonctionner correctement dans ce cas. il y a autre chose dans votre code. voir cette démo
- href="http://jsfiddle.net/KGgaB/2/" >Ou cette démo utilisé le css de codeparadox
- Hmm. En essayant de comprendre pourquoi il ne fonctionne pas pour moi. Btw, votre démo de code n'est pas valide parce que votre conteneur div se ferme immédiatement <div id="toto" />. Merci pour l'aide si loin! Sera mise à jour ici quand je peux le faire fonctionner pour moi. Cheers!
- Avez-vous trouver quel était le problème?
- Non, mais après avoir fait quelques changements à l'autre code dans mes scripts, il a travaillé. Donc, c'était autre chose, et pas votre code, c'était le problème. Tiens je savais exactement ce que c'était.
- [value=""] ne fonctionne pas, mais [value=] ne. Cette réponse est beaucoup mieux: stackoverflow.com/a/23321129
- Vous pouvez vérifier vous-même avant que vous êtes droit et sans tenir compte des autres commentaires... Ici, vous allez: jsfiddle.net/KGgaB/186
- mon mauvais. Désolé. Curieux de savoir si il est documenté quelque part... de toute façon, vous avez raison, j'ai été arrachées.
- si ce n'est pas documentée officiellement pris en charge, je n'aurais jamais l'utiliser car il ressemble un peu à hacky. Mais si elle le fait, c'est un bon moyen! Je vous remercie pour prouver que j'ai tort, monsieur.
- D'accord sur le point de la documentation; j'ai donc fait quelques recherches pour éclaircir ce point, et il s'avère que vous n'êtes pas fait mal. jQuery < 1.9 (jsfiddle utilise 1.7.2 pour une raison quelconque) ont un comportement incohérent avec sélecteur d'attribut, ce qui rend ce hack de travail. jQuery 1.9+ fonctionne comme vous l'avez décrit; voir les notes de version pour plus de détails sur la modification: jquery.com/upgrade-guide/1.9/#attr-versus-prop- ; jQuery 1.11+, 2.x et 3.x même renvoie une erreur de Syntaxe, donc la méthode que j'ai recommandé précédemment est en fait très mal. Je pourrais éditer ton post pour ajouter cette info.
- merci pour le suivi. S'il vous plaît ne modifiez et ajoutez vos résultats.
InformationsquelleAutor gdoron
11
```
$('input:text[value=]','#sender_container').addClass('error');
```
DÉMO
- Cela ne fonctionne pas dans jQuery 1.9+, voir jquery.com/upgrade-guide/1.9/#attr-versus-prop-
InformationsquelleAutor h0mayun
3
```
$('#sender_container input.required[value=""]').addClass('error')
```
- Cela ne fonctionne que pour la valeur de l'attribut.
- En fait il ne fonctionne pas à tous, il y a un mal d'espace entre l'entrée et le sélecteur d'attributs... 🙂 il va chercher les enfants de l'entrée avec une valeur vide attribut, l'entrée ne peut pas avoir d'enfants...
- +1-oups forgt tht de l'espace d'édition de mon sna
- Merci, Parv. Votre code doit maintenant travailler pour tous les enfants de l'un contenant de l'élément avec l'id sender_container qui est un champ de saisie à l'aide de la classe nécessaire et dont la valeur est vide, c'est exact?
- oui, ça devrait fonctionner
InformationsquelleAutor Parv Sharma
1
```
jQuery('#sender_container input.required[value=""]').addClass("error");
```
Vous pouvez essayer ceci:
```
$('input:not([value!=""])').addClass('error');
```
DÉMO

Note: Cette réponse ne doit pas être utilisé, et la seule raison pour laquelle il n'a pas été supprimé, est de sorte qu'il peut être appris.
- soit à l'intérieur ou à l'extérieur de citations besoin d'être seul, ou d'échapper à l'intérieur des guillemets.
- Cela ne fonctionne que pour la valeur de l'attribut.
- Jamais l'esprit, je l'ai essayé, ça ne marchait pas... étrange, doit avoir été quelque chose d'autre alors. Mais c'était certainement lié à la sélecteurs d'entrée et les valeurs de champ 😉
- J'ai mis à jour ma réponse...
- Veuillez vérifier ma version de démonstration
- Veuillez vérifier ma version de démonstration
- pourquoi en bas de vote? s'il vous plaît commentaire
- C'est bizarre, ça ressemble à :not[value...] vérifier l'état actuel, $thecodeparadox, notez que c'est un mauvais sélecteur d'avoir.
- Je pense qu'il me dit que ça va affecter class="erreur" pour le champ de valeur, pas l'élément d'entrée.
- si c'est un mauvais sélecteur comment ça marche? J'ai montrer la preuve
- C'est plus long par 50%. jsperf preuve. Et le fait que c'est bizarre, il fonctionne même, est un énorme inconvénient. Je ne voudrais pas l'utiliser, j'espère que vous n'avez. Bonne chance mon ami!
- Je pense que c'est le != et c'est sans doute ce à quoi je faisais référence plus tôt, mais n'a pas pu correctement rappeler. Je suppose que, depuis [attr!=value] n'est pas un sélecteur de CSS3 (autant que je sache), il est évalué par le Grésillement et il semble prendre la valeur réelle. @thecodeparadox: Seulement parce qu'il travaille, ne signifie pas qu'il doit être utilisé. Double négations sont difficiles à comprendre.
- yup, ils ne l'utiliseront jamais. devrais-je supprimer ce post ou garder ici de faire un autre courant
- Laisser le code, c'est un bon outil d'apprentissage, pour référence future.
- J'ai ajouté une note, afin de ne pas obtenir plus de downvotes... 🙂
- merci.. une grande leçon pour moi
InformationsquelleAutor thecodeparadox
0
```
$field = $("#sender_container input.required");
if( ! $field.val())
{
    $field.addClass("error");
}
```
cette manière simple peut travailler.
- Il fonctionne de un champ uniquement.
- $("#sender_container d'entrée.requis").each(function( si( ! $(this).val()) { $(this).addClass("erreur"); })) essayez ceci.
- Ensuite, utilisez filter.... 🙂
InformationsquelleAutor Nils
0

Si vous avez seulement besoin de sélectionner sur la base de la valeur de l'attribut de l'entrée puis la suivante va faire:
```
var elements = $('#sender_container input.required[value=""]')
```
Mais sachez que cela ne fonctionnera pas si le value attribut n'est pas présent. Il aussi de ne pas travailler pour l'entrée de courant de valeur que si elle a été modifiée par l'utilisateur ou d'un script.

Si vous souhaitez obtenir de l'entrée actuelle de la valeur que vous pouvez utiliser jquery's filtre fonction:
```
var elements = $('#sender_container input.required').filter(function() {
  return this.value === '';

  //alternatively for "no value":
  //return !this.value;
})
```
Après que vous avez sélectionné la jquery éléments que vous pouvez ajouter à votre classe:
```
elements.addClass('error');
```
InformationsquelleAutor schmijos

pour obtenir tous les domaines inspectés cela peut vous aider.

$('#sender_container [required]').each(function(index)
{
       if (!($(this).val())) $(this).addClass('error');
}

});

InformationsquelleAutor rmil

0

Pour ceux d'entrée.requis ne fonctionne pas écrire comme ci-dessous:
```
jQuery('#sender_container input[required]').val("").addClass("error");
```
InformationsquelleAutor Masood Aslami

Vous devez vous connecter pour publier un commentaire.