javascript - 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] has no method '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);
}