javascript - 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;
    }

我必须检查另外 2 个字段，电子邮件和电话号码，有没有办法可以不将下面的代码重复到所有 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);

对于每个需要的字段