Question

我无法在我的表单上触发jQuery .submit（）。如果我将它移动到$（document）.ready（），则下面的警报会成功弹出，但尝试在提交时触发它只是不起作用。

在我的身体中使用以下脚本

<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"); 
});

无法获取jQuery .submit（）来解雇

1 个答案: