javascript - 在 javascript 中以最优化的方式同时验证多个控件

Question

我有多种方法可以验证控件并返回 bool 值。编写逻辑的最佳方法是什么，以便它验证并突出显示所有无效控件，不向服务器提交表单，并且将来如果添加新控件，我必须进行最少的代码更改。

Aprroach 1. And , OR logic operator will not give correct result

if ( (Method1(ctrl1) && Method2(ctrl2) && Method3(ctrl3)))
{  // not   submit to server }
  else    //submit the form

Approach 2 - still change in logic will require if new control is added for validation

var valid1 = Method1(ctrl1);
var valid2 = Method1(ctrl2);
var valid3 = Method1(ctrl3);
if(va1id1 && va1id2 && va1id3)
  // not   submit to server 
  else 
    // submit to server 

Answer 1

有一个名为 valid 的数组，其中包含所有验证的结果。

  var valid = [];

  valid.push(Method1(ctrl1));
  ...

  var entry = valid.reduce(function(validity,state){
      return validity && state; //if any entry in the valid array is false the result will be false
  },true);

  if(entry){
  //do something
  }
  else{
  //do something else
  }

如果必须添加新的验证检查，则必须在代码中添加一行:valid.push(Method1(ctrln));