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>