无法让 jQuery .submit() 触发 [关闭]

Question

我无法让 jQuery .submit() 在我的表单上触发。如果我将它移动到 $(document).ready()，下面的警报会成功弹出，但试图让它在提交时触发是行不通的。

在我的 BODY 中使用以下脚本

<script>
  $(document).ready(function($) {
    $('mainForm').submit(function() {
      alert("hello");
    });
  });
</script>

以及下面的表单元素

<form id="mainForm" class="form-horizontal" method="POST">
<legend>Retrieve Your Documents</legend>
<fieldset>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="id">Request ID</label>  
  <div class="col-md-4">
  <input id="requestid" name="requestid" type="text" placeholder="DOC123456-12345678901234" class="form-control input-md" required="">  
  </div>
</div>

<!-- Password input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="lastfour">Last Four of SSN</label>
  <div class="col-md-4">
    <input id="lastfour" name="lastfour" type="password" placeholder="1234" class="form-control input-md" required="">
  </div>
</div>

<!-- Button -->
<div class="form-group">
  <label class="col-md-4 control-label" for="button"></label>
  <div class="col-md-4">
    <input type="submit" id="button" name="button" class="btn btn-primary" value="Retrieve Documents">
  </div>
</div>

</fieldset>
</form>

Answer 1

正如 haim770 所说，mainForm 是表单的 id，因此您需要在其前面加上 # 前缀，如下所示：

$('#mainForm').submit(function() { 
    alert("hello"); 
});