Question

我遇到了同样的问题：

Stop a HTML5 form posting, refreshing or opening a new window onSubmit

我目前正在使用

event.preventDefault();
// to avoid refreshing of form

我正在尝试的示例代码如下：

我的html页面包含以下代码段：

<form id="sampForm">
  First name: <input type="text" name="fname" required><br>
  Age: <input type="number"  required><br>
  <input type="submit" onclick="OnSub(event)">
</form>

我的js代码如下：

OnSub= function (_event) {
    try {
        _event.preventDefault();
   //do my process logic below or run any code here

    } catch (e) {

    }

};

但是这会导致表单验证停止工作。

预先感谢您提供任何帮助

Answer 1

表单有一个“onsubmit”事件。将你的功能绑定到那个。

<form id="sampForm" onsubmit="OnSub(event)">
  First name: <input type="text" name="fname" required><br>
  Age: <input type="number"  required><br>
  <input type="submit">
</form>

Answer 2

我觉得您正在使用表单提交方法来验证元素所以在你的方法结束时只需添加

return false;

这将停止提交表单。

避免在HTML5中刷新表单

2 个答案: