如何验证提交功能上的表单，如果每行都有输入字段答案

【问题标题】：How to validate the forms on the submit function, if there are input fields has left on each row如何验证提交功能上的表单，如果每行都有输入字段
【发布时间】：2021-06-27 21:46:57
【问题描述】：

我现在对我的模块有疑问。我的问题是如何验证每一行上留下的所有输入字段。前任。假设我的桌子上有 5 行，第一行已经完成输入，然后在第二行还有输入字段。我怎样才能检测到这第二行留下了输入字段。？

目前我在前端使用 react js，后端使用 laravel。

问题：如何验证所有输入字段留在每一行

这是我的句柄提交：

handleSubmit = (e) => {

    e.preventDefault();

    this.state.rows.map((obj, i) => {

       let obj_amount = obj.amount;
       let obj_bank = obj.bank;
       let obj_branch = obj.branch;
       let obj_check_date = obj.checkDate;
       let obj_check_no = obj.checkNo;
       let obj_customer = obj.customer;
       let obj_remarks = obj.remarks;

    });

}

这是我的示例表：

感谢您的帮助。

【问题讨论】：

只有一个建议。 map 函数用于返回一个新数组，如果您不想这样做，请考虑使用 forEach 代替。
有多种方法可以做到这一点。 1-创建能够独立验证每个输入的输入字段组件。 2-您可以编写验证器函数并将您的行传递给该函数。我不确定您需要哪种类型的验证。

标签： javascript reactjs

【解决方案1】：

你应该使用 react-metalial-ui-form-validator : https://www.npmjs.com/package/react-material-ui-form-validator 这是最简单的方法。如果你想在没有material-ui的情况下做这个；我不知道你的所有代码，但你可以尝试创建一个新函数来检查所有字段（这太难了，material-ui 里面有高级表单验证器）。

【讨论】：