Jquery $ .fn ne fonctionne pas

Question

fn pour créer des fonctions/méthodes avant sans tracas, cependant, j'ai maintenant quelques problèmes. Toute aide serait grandement appréciée :)

$.fn.formClass = function(class) 
{ 

var bad_class = (class=='input_good') ? 'input_bad' : 'input_good'; 
if($(this).hasClass(bad_class))$(this).removeClass(bad_class); 
$(this).addClass(class); 

} 

et je suis en train de l'utiliser dans cette fonction:

function check_username() 
{ 

var username = $('input[name="username"]'); 
if(username.val().length<4||username.val.length>20) 
{username.formClass('input_bad');} 
} 

Le Console.log dit Uncaught TypeError: Object [object Object] n'a pas méthode 'formClass'

Merci d'avance pour toute aide!

Answer 1

Je crois que vous devriez obtenir une erreur sur l'utilisation du nom de variable class puisqu'il s'agit d'un mot-clé réservé. Essayez de le renommer en autre chose:

$.fn.formClass = function(class_name) { 
    var bad_class = (class_name=='input_good') ? 'input_bad' : 'input_good'; 
    if($(this).hasClass(bad_class))$(this).removeClass(bad_class); 
    $(this).addClass(class_name); 
}