javascript - 提交后如何防止刷新？

Question

我在这里得到了这段代码，它在单击提交时执行函数 validate()。该函数更改页面中的一些文本。但是看不到效果，因为提交后页面自动刷新：

<form name="myForm" onsubmit="validate(); return false;">
    Age: <input type="text" name="age" />
    Height (meters): <input type="text" name="height" />
    Weight (kilograms): <input type="text" name="weight" />
    <input type="submit" value="Submit">
</form>

每次提交后如何防止页面重新加载？

Answer 1

表单触发的提交事件会自动启动表单操作。如果没有声明表单操作，它会刷新页面。您需要在验证之前阻止此默认操作发生，然后在通过验证后提交数据。

添加preventDefault()到您的验证码。

Answer 2

确保添加 return false; 在您的 validate() 函数中。

这将阻止提交表单。

例子 ：

 function validate() {
     //Validation code goes here
     return false;
 }

Answer 3

您可以在表单中使用测试按钮

<input type="button" value="Test button" onclick="validate();">

解决后，删除按钮。

您还可以使用 Firebug（或等效的）在您的 javascript 代码中添加断点。