Jquery $ .fn无效

Question

fn在没有任何麻烦之前创建函数/方法，但是，我现在遇到了一些问题。任何帮助将不胜感激：）

$.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);

}

我试图在这个函数中使用它：

function check_username()
{

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

Console.log表示Uncaught TypeError：Object [object Object]没有方法'formClass'

感谢您的帮助！

Answer 1

我相信您应该收到有关使用变量名class的错误，因为它是保留关键字。尝试将其重命名为其他内容：

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