jquery禁止回車(chē)觸發(fā)表單提交

更新時(shí)間：2014年12月12日 11:45:58 投稿：hebedich

這篇文章主要介紹了jquery實(shí)現(xiàn)的禁止回車(chē)觸發(fā)表單提交的方法，非常的使用，這里推薦給大家。

<form class="form-inline definewidth m20" action="/" method="get">  

            <input type="text" name="title" id="title"class="abc" value="">&nbsp;&nbsp;  

            <button type="submit" class="btn" style="margin-right:20px">查詢(xún)</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文本框的回車(chē)事件會(huì)觸發(fā)上面表單的提交，這是瀏覽器的默認(rèn)行為，要禁止自動(dòng)提交，在文本框里取消默認(rèn)事件。

復(fù)制代碼代碼如下:

$('.a').keypress(function(e){

            if(e.keyCode==13){

                e.preventDefault();

            }

測(cè)試過(guò)IE10 FF29正常

您可能感興趣的文章:

相關(guān)文章

jquery配合css簡(jiǎn)單實(shí)現(xiàn)返回頂部效果
返回頂部效果想必大家并不陌生吧，其實(shí)實(shí)現(xiàn)方法有很多，在本文為大家介紹下使用jquery是如何輕易實(shí)現(xiàn)的，感興趣的朋友可以參考下
2013-09-09
jQuery實(shí)現(xiàn)簡(jiǎn)單飛機(jī)大戰(zhàn)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單飛機(jī)大戰(zhàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-07-07
jquery獲取checkbox的值并post提交
這篇文章主要介紹了jquery獲取checkbox的值并post提交,需要的朋友可以參考下
2015-01-01
jquery tablesorter.js 支持中文表格排序改進(jìn)
之前研究過(guò)一下表格排序。上網(wǎng)找了一些代碼研究了一下。勉強(qiáng)做了一個(gè)用著。后面發(fā)現(xiàn)當(dāng)動(dòng)態(tài)給單元格加超鏈接，或者列中存在一些空白，就排序不了了。
2009-12-12
Jquery中CSS選擇器用法分析
這篇文章主要介紹了Jquery中CSS選擇器用法,實(shí)例分析了jQuery中常用的5種css選擇器的使用技巧,需要的朋友可以參考下
2015-02-02
基于jquery實(shí)現(xiàn)拆分姓名的方法(純JS版)
jquery拆分姓名處理程序如下，純js實(shí)現(xiàn)的，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助
2013-05-05
jQuery 獲取和設(shè)置select下拉框的值實(shí)現(xiàn)代碼
jQuery獲取和設(shè)置select下拉框值的實(shí)現(xiàn)代碼。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11
原創(chuàng)jQuery彈出層插件分享
我們?cè)谇岸碎_(kāi)發(fā)，經(jīng)常要用到彈出層的效果，以前很早前就想將這個(gè)功能整理成一個(gè)公共的接口來(lái)實(shí)現(xiàn)了；自寫(xiě)的第一個(gè)jQuery插件，這里分享給大家，有需要的小伙伴參考下。
2015-04-04
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
這篇文章主要介紹了jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow(),需要的朋友可以參考下
2015-08-08
jQuery總體架構(gòu)的理解分析
jQuery總體架構(gòu)的理解,學(xué)習(xí)jquery的朋友可以參考下。
2011-03-03