阻止表单刷新页面

Prevent form from refreshing the page

本文关键字：刷新 表单      更新时间：2023-09-26

嘿，我正试图使用一个表单通过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);    
}

我被告知防止默认是如何停止表单的默认操作，但它仍然发生在我身上。我该如何修复它？

不过您没有传入e。相反，最好使用JavaScript绑定到表单，而不是使用属性：

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

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

相关文章：