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>

工作演示

Answer 2

實際上，代碼保持錯誤。 通常可以通過在文本字段內點擊Enter來提交表單。 如果要正確處理，則應使用Submit事件。

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