2

フォーム送信イベントに関するjquery.comのチュートリアルをすべてのステップでフォローしていたため、何が問題なのかわかりません。

私のJavascript：

[オフ。最新の jQuery ライブラリが含まれています]。

<script type="text/javascript">
$("form#addFav").submit(function(event) { event.preventDefault(); alert("hello"); });
</script>

イベントでも試しました$(document).ready()：

$(document).ready(function(){
$("form#addFav").submit(function(event) { event.preventDefault(); alert("hello"); });
});

ここに私のHTMLフォームコードがあります:

<form action="" id="addFav">
     <input type="text" name="name" class="thin-d"/>
     <input type="submit" value="Send"/>
</form>

したがって、上記のJavascriptコードに関しては、機能するはずです（つまり、デフォルトのアクション[フォームの送信]を防ぎ、アラートを送信する必要があります）が、すべて機能しません-何千もの組み合わせで試しましたが、失敗しました'd。だから私はあなたの解決策を待っています。私は一人一人に感謝します。

4

4 に答える 4

3

あなたが持っているものがうまくいくので、おそらく構文エラーやそのようなものがどこかにあるでしょう。

JS エラーはありませんか?

PSイベントをアタッチする前に、要素がDOMにあることを確認するために、後者のコードを常に使用します。

于 2012-04-14T12:05:19.370 に答える
1

同じ問題を抱えていて、この問題の解決にまだ苦労している他の人は、 id を違法に再利用していないか確認し、フォーム id を一意のものに変更してみてください。

誤って 2 つの異なる DOM 要素に ID を指定してしまい、イベントがそれぞれの ID を持つ最初の要素にバインドされ、フォームが 2 番目の要素にバインドされたため、キャプチャされませんでした。これにより、私は静かに長い間髪を引っ張っていました。

于 2014-06-14T10:17:38.383 に答える