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事件

防止表单刷新页面

1 个答案: