DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery禁止回車觸發表單提交
jquery禁止回車觸發表單提交
編輯:JQuery特效代碼     

代碼如下:
<form class="form-inline definewidth m20" action="/" method="get"> 
            <input type="text" name="title" id="title"class="abc" value="">   
            <button type="submit" class="btn" style="margin-right:20px">查詢</button>
            <select name="school_type" id="school_type">
</form>
<td style="width:90px; height:24px; text-align:center"><input   type="text" name="test" value="" class="a"></td>

test文本框的回車事件會觸發上面表單的提交,這是浏覽器的默認行為,要禁止自動提交,在文本框裡取消默認事件。

代碼如下:
$('.a').keypress(function(e){
            if(e.keyCode==13){
                e.preventDefault();
            }

測試過IE10 FF29正常

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved