jQuery addClass не работает при добавлении к переменной «this» объекта

Question

Я пытаюсь добавить класс ошибки в текстовое поле ввода, чтобы показать пользователю, что их вход недействителен.
В событии изменения я получаю ссылку на то, что, как я полагаю, является полем ввода и хранением его в переменной.
Вызов addClass для переменной не работает должным образом. У меня есть firebugged код и $ textBox - это правильное текстовое поле, поэтому я не уверен, чего здесь не хватает. У меня есть много входов, которые имеют класс «edit-budget-local», поэтому мне нужно настроить таргетинг на измененное текстовое поле. Благодарю.

$("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

Попробуйте

$textBox = $(this); 

хотя, кажется, ошибка (в плане использования JQuery) в ЛУ 5, где новое_значение должен быть $textBox.val();

Answer 2

Вы должны изменить эту строку: var $textBox = $(this); так что вы на самом деле кэшировали копию объекта jQuery, а не только вход.

Answer 3

Возвращаемый объект "this" не является объектом jQuery. Попробуйте заменить линии

var $textBox = this; 

с

var $textBox = $(this); 

Answer 4

у вас есть ошибка здесь,

$textBox.addClass("error"); 

попробовать, как это,

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

Answer 5

Это должно работать, если селектор и регулярное выражение правильно

$("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"); 
    } 
});