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 绑定(bind)到表单而不是使用属性:

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

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