使用js检查所有输入字段是否有效

让我们把它分成几部分:

1. “匹配名称的formValues”

   那只是:

   const item = formValues.find(item => item.name === name);
   // check that item is not undefined.
   

2. “必须有效并具有值长度”

   item && item.valid && item.value.length > 0
   

const allValid = names.every(name => {
  const item = formValues.find(item => item.name === name);
  return item && item.valid && item.value.length > 0;
});

为了提高效率,我将表单值简化为formValueName=>formValue的映射。

1. formValues
2. 将每个名称映射到相应的表单值(默认为空对象)
3. 根据您的定义,使用 every

代码:

const formValuesMap = formValues.reduce((init, curr) => 
    Object.assign(init, {[curr.name]: curr}), {});

const isAllValid = names
    .map(name => formValuesMap[name] || {})
    .every(({ valid, value }) => valid && value && value.length > 0);