無法獲取jQuery .submit（）來觸發

我無法獲取jQuery .submit（）來觸發我的表單。如果我將它移動到$（document）.ready（），那麼下面的警報會成功彈出，但試圖讓它在提交時觸發不起作用。無法獲取jQuery .submit（）來觸發

在我的身上使用下面的腳本

<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-123456789" 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>

來源

2017-06-19 vermi

'$（'＃mainForm'）'：你錯過了'＃' – haim770

這個訣竅，但我實際上已經嘗試過，並沒有工作。但是，我明確使用HTML4作爲DOCTYPE。當我切換到HTML5時，它按預期工作。 – vermi

正如haim770說，mainForm是你的表單的id，因此你需要用一個#像前綴它這個：

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

來源

2017-06-19 18:07:57 Aenadon

無法獲取jQuery .submit（）來觸發

回答

相關問題