jQuery addClass ne fonctionne pas lors de l'ajout à "this" variable objet

Question

J'essaie d'ajouter une classe d'erreur à une zone de texte d'entrée pour montrer à un utilisateur que son entrée est invalide.
Dans l'événement de changement, je reçois une référence à, ce que je suppose est le champ de saisie et de le stocker dans une variable.
L'appel de addClass sur la variable ne fonctionne pas comme prévu. J'ai firebugged le code et $ textBox est la zone de texte correcte, donc je ne suis pas sûr de ce qui me manque ici. J'ai beaucoup d'entrées qui ont la classe "edit-budget-local" donc je dois cibler la zone de texte modifiée. Merci.

$("input.edit-budget-local").change(function() { 

    var $textBox = this; 

    var newValue = $textBox.value; 

    if (newValue.match(/^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d+)?$/) == null) { 

     $textBox.addClass("error"); 
    } 


}); 

Answer 1

Essayez

$textBox = $(this); 

bien qu'il semble y avoir un bug (en termes d'utilisation jQuery) à ln 5 où nouvelleValeur devrait être $textBox.val();

Answer 2

Vous devez modifier cette ligne: var $textBox = $(this); donc que vous avez effectivement mis en cache une copie d'un objet jQuery, pas seulement l'entrée.

Answer 3

Le "this" renvoyé n'est pas un objet jQuery. Essayez de remplacer la ligne

var $textBox = this; 

avec

var $textBox = $(this); 

Answer 4

vous avez une erreur ici,

$textBox.addClass("error"); 

essayer comme ça,

$("textBox").addClass("error"); 

Answer 5

Cela devrait fonctionner si votre sélecteur et regex est correct

$("input.edit-budget-local").change(function() { 
    var textBox = $(this); 
    var newValue = textBox.val(); 

    if (newValue.match(/^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d+)?$/) == null) { 
     textBox.addClass("error"); 
    } 
});