如何仅通过javascript处理html表单？

Question

我尝试制作 ajax 表单。

 <form id="online_form" name="online_form" enctype="multipart/form-data" onsubmit="return validate_form ( )">
 ... bif form fields...
 <button type="submit" onclick="sendMail()">Submit</button>
 </form>

我只想通过 JavaScript 处理数据，但是当我单击第一个 JavaScript 函数 sendMail() 执行时，然后我使用 GET 这样的参数重定向到同一页面。

http://my-site/?brand=Alfa+Romeo&model=147&year=2001&engine=1.6+i&box=%D0%90%D0%9A%D0%9F%D0%9F&status=%D0%A6%D0%B5%D0%BB%D1%8B%D0%B9+%28%D0%B1%D0%B5%D0%B7+%D1%82%D0%B5%D1%85.+%D0%BF%D1%80%D0%BE%D0%B1%D0%BB%D0%B5%D0%BC%29&amount=454&name=44&phone=44&email=&etc=

为了清楚起见，它是 WordPress。我知道默认方法是GET，默认操作是self，但是如何禁用呢？

Answer 1

在表单的submit 事件处理程序中使用event.preventDefault()：

<form id="online_form" name="online_form" enctype="multipart/form-data" onsubmit="event.preventDefault(); validate_form ( )">
 ... bif form fields...
 <button type="submit" onclick="sendMail()">Submit</button>
 </form>

如果是我，我会从表单的submit 处理程序中调用sendMail()，并在必要时从sendMail() 中调用validateForm()。