html5/jquery - 點擊事件沒有註冊爲html按鈕標記

Question

我想驗證一個表單，但我不能得到任何代碼執行時，我的按鈕被點擊。這裏是我的代碼：

<div id="vehicle_form"> 
    <form method="post" name="emailForm" action=""> 
    <input class="dField" id="dfEmail" type="email" name="email" value="Email" onfocus="clearInput(this);" onblur="restoreInput(this)"><br/> 
    <input class="dField" id="dfName" type="text" name="firstname" value="First Name" onfocus="clearInput(this);" onblur="restoreInput(this)"><br/> 
    <input class="dField" id="dfLast" type="text" name="lastname" value="Last Name" onfocus="clearInput(this);" onblur="restoreInput(this)"><br/> 
    <button type="button" id="dSubmit">Submit</button> 
    </form> 
</div> 

$('#dSubmit').click(function(){ 
    console.log('click'); 
}); 

Answer 1

你需要確保你的jQuery是包裹在一個<script>標籤，並確保該功能被加載，也許是一個$(document).ready()功能，如下圖所示：

<script type='text/javascript'> 
$(document).ready(function(){ 

    //Your Click event 
    $('#dSubmit').click(function(){ 
     console.log('click'); 
    }); 

}); 
</script> 

Working Demo

Answer 2

其實代碼保持錯誤。通常可以通過在文本框內輸入內容來提交表單。如果你想使它正確，你應該使用提交事件。

<script> 
$(function(){ 
    $('#vehicle_form > form').submit(function(){ 
     console.log('submit'); 
    }); 
}); 
</script>