如何仅通过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，默认操作是自我，但是如何禁用它？

Answer 1

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

<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>

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