1

フォームを使用して 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);    
}

デフォルトの防止は、フォームのデフォルトのアクションを停止する方法であると言われましたが、それでも発生します。どうすれば修正できますか?

4

1 に答える 1

3

しかし、あなたは通過していませんe。代わりに、属性を使用するよりも JavaScript を使用してフォームにバインドすることをお勧めします。

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

click送信入力のイベントにバインドすることもできます

于 2013-02-27T02:38:26.203 に答える