使用单个提交处理程序处理多个表单

Question

我有一个用于表单提交的通用事件处理程序

handleSubmit = (e) => {
e.preventDefault();
const errors = this.validate();
this.setState({ errors: errors || {} });
if (errors) return;
this.doSubmit();
};

它将处理验证并调用另一个函数doSubmit((；如果我有3个不同的表单，所有表单都调用doSumbit((；

如何根据相关表单进行不同的提交调用…以及如何处理相关表单字段验证。。。

Answer 1

正如我所理解的。你必须给每个表格一个id。然后你就可以用这个了。

if(e.target.id==='formid1'){
console.log('formid1');
}
else if(....

Answer 2

**可以用于="你的表格id"；在您的按钮中**

<form id="myForm" method="post">
<input type="text" id="username" name="username" required>
<center><button for="myForm" type="submit">Continue</button> </center>
</form>