javascript - 避免在 HTML5 中刷新表单

Question

我陷入了这里提出的同样问题：

在提交时停止 HTML5 表单发布、刷新或打开新窗口

我目前使用

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;

这将停止表单提交。