0

jQueryでサブミットハンドラーをトリガーしようとしているのですが、サブミットするとアクションページにいきます。私は何を間違っていますか？

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<script>
$('#target').submit(function() {
    alert('Handler for .submit() called.');
    return false;
});
</script>
<form id="target" action="destination.html">
    <input type="text" value="Hello there" />
    <input type="submit" value="Go" />
</form>
<div id="other">
    Trigger the handler
</div>
</body>
</html>
4

2 に答える 2

1

試す：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<script>
$(function() {
  $('#target').submit(function() {
      alert('Handler for .submit() called.');
      return false;
  });
});
</script>
<form id="target" action="destination.html">
    <input type="text" value="Hello there" />
    <input type="submit" value="Go" />
</form>
<div id="other">
    Trigger the handler
</div>
</body>
</html>
于 2013-04-01T17:27:42.473 に答える
0

2 つの変更... 1 つはコードを でラップし、onready2 つは : を追加しpreventDefaultます。

$(function() {
  $('#target').submit(function(event) {
      event.preventDefault();
      alert('Handler for .submit() called.');
      return false;
  });
});

詳細: http://api.jquery.com/event.preventDefault/

于 2013-04-01T17:29:27.667 に答える