Jquery将多个动作包装成一个

Question

我正在jQuery中构建表单验证。我有3个字段，我必须验证它们。我有这个功能

function validate(field){
  if(field.val().length === 0){
    field.removeClass().addClass("error");
        field.next().removeClass().addClass("error");
    } 
     else if (plz.val().length != 5) {
      field.removeClass().addClass("error");
      field.next().removeClass().addClass("error");
    }
     else {
     field.removeClass();
     field.next().removeClass();
    }

     return field;
    }

我还要检查另外两个字段，电子邮件和电话号码，有没有办法我可以在某种程度上不重复下面的代码到所有else if语句？

field.removeClass().addClass("error");
field.next().removeClass().addClass("error");

Answer 1

为什么不使用函数来抽象逻辑？

function handleErrorClass(field) {
  field.removeClass().addClass("error");
  field.next().removeClass().addClass("error");
}

你这样使用它：

handleErrorClass(field);

每个需要的字段