防止窗体刷新页面

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事件提交输入的