Question

我正在尝试在jQuery中触发submithandler，但它在提交时会转到操作页面。我做错了什么？

<!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>

Answer 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>

Answer 2

两次更改...一次，将您的代码包装在onready中，两次更改preventDefault：

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

更多信息：http://api.jquery.com/event.preventDefault/

使用jQuery触发submithandler

2 个答案: