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

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

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

解决后，取下按钮。

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

Answer 2

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

将preventDefault()添加到验证码中。

Answer 3

确保添加return false;在您的validate（）函数中。

这将阻止提交表单。

示例：

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

提交后如何防止刷新？

3 个答案: