javascript - 防止表单刷新页面

Question

嘿，我正在尝试使用表单通过 JavaScript 提交数据，但是当我不想要它时它会不断刷新页面。

我的表格是这样的：

<form name="myForm" method="post">

<input type="text" name="name"/>
<input type="submit" name="add" value="Add Resource" onclick="insert(); return false;"/>

</form>

我的 JS 函数有：

function insert(e){
e.preventDefault();
    var name = document.myForm.name;
    console.log(name);    
}

有人告诉我防止默认是你如何停止表单的默认操作，但它仍然发生在我身上。我如何解决它 ？

Answer 1

虽然你没有通过e。相反，最好使用 JavaScript 绑定到表单而不是使用属性：

document.querySelector('[name=myForm]').addEventListener('submit', function (e) {
    e.preventDefault();
});

您还可以绑定到click提交输入的事件