form表單中只有一個input時齐蔽,按回車鍵后表單自動提交(form表單的一個小坑)

按鈕綁定回車事件后按回車表單執(zhí)行js方法后表單自動提交刷新两疚,先執(zhí)行了js的方法后自動提交表單,使它相當(dāng)于沒有執(zhí)行js方法含滴,查閱資料得知在一個form表單中诱渤,若只有一個input,按回車鍵表單會自動提交谈况,但是當(dāng)表單中存在多個input時勺美,按回車鍵不會執(zhí)行任何操作递胧,這是form表單的一個特性。

解決這個問題有四種方法赡茸,如下:

第一種方法缎脾,把表單去掉,這是最管用占卧,但也是最傻的方法遗菠,直接添加onclick事件,不用表單提交华蜒,這種方法就不贅述了辙纬。

第二種方法,很多人估計都想到過叭喜,就是既然一個input會自動提交贺拣,多個input就沒問題,那么我給它多加一個input不就行了捂蕴,有些人試過發(fā)現(xiàn)不行譬涡,那是為什么呢?

因為他是這么寫的啥辨,這樣當(dāng)然不行涡匀,一個隱藏域,type并不是text委可,所以不行渊跋。

但是腊嗡,着倾,使用這種方法就可以了,因為它是用樣式隱藏輸入框的燕少,實質(zhì)上還是一個type為text的input卡者。

第三種方法,這種方法很好用客们,直接對form進行操作崇决,個人推薦這種方式。直接在form上加上onsubmit="return false;"這段話底挫,它會阻止表單的回車鍵進行提交恒傻。

例:

第四種方法,這種方法是直接對input進行操作建邓,強行將回車鍵操作去掉盈厘,這種方式也不錯,在input上加一個onkeydown事件官边,

onkeydown="if(event.keyCode==13){return false;}"沸手,阻止回車鍵的操作外遇。

例:

以上四種方法都可以防止表單中只有一個input時,按回車鍵會自動提交表單的問題契吉。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末跳仿,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子捐晶,更是在濱河造成了極大的恐慌菲语,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件惑灵,死亡現(xiàn)場離奇詭異谨究,居然都是意外死亡,警方通過查閱死者的電腦和手機泣棋,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進店門胶哲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蚕甥,“玉大人伸但,你說我怎么就攤上這事誊役〉暄牛” “怎么了又谋?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵激捏,是天一觀的道長喇闸。 經(jīng)常有香客問我懦窘,道長修赞,這世上最難降的妖魔是什么婶恼? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮柏副,結(jié)果婚禮上勾邦,老公的妹妹穿的比我還像新娘。我一直安慰自己割择,他們只是感情好眷篇,可當(dāng)我...
    茶點故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著荔泳,像睡著了一般蕉饼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上玛歌,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天昧港,我揣著相機與錄音,去河邊找鬼支子。 笑死创肥,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播瓤的,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼休弃,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了圈膏?” 一聲冷哼從身側(cè)響起塔猾,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎稽坤,沒想到半個月后丈甸,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡尿褪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年睦擂,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片杖玲。...
    茶點故事閱讀 40,030評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡顿仇,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出摆马,到底是詐尸還是另有隱情臼闻,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布囤采,位于F島的核電站述呐,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏蕉毯。R本人自食惡果不足惜乓搬,卻給世界環(huán)境...
    茶點故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望代虾。 院中可真熱鬧进肯,春花似錦、人聲如沸褐着。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽含蓉。三九已至,卻和暖如春项郊,著一層夾襖步出監(jiān)牢的瞬間馅扣,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工着降, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留差油,地道東北人。 一個月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像蓄喇,于是被迫代替她去往敵國和親发侵。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,976評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 我們有時候希望回車鍵敲在文本框(input element)里來提交表單(form)妆偏,但有時候又不希望如此刃鳄。比如搜...
    妖姬002閱讀 3,015評論 0 1
  • 越早會笑的嬰兒越聰明? 微笑是一種本能钱骂,在不經(jīng)意間叔锐,寶貝的一個微笑總是能夠融化你的心!但是在寶貝的笑容背后见秽,又有哪...
    a33795b49045閱讀 703評論 0 1
  • 看不見星星的城市夜里 獨自一人心中把你來念 想和你一起談一場愛戀 不知不覺終生為你而騙
    回味錄閱讀 168評論 1 2
  • ——家是避風(fēng)的港口愉烙,但有時候也是裝滿負能量的垃圾桶。請將工作上與朋友的微笑帶進你的家里解取,別讓家成為你一個人的家步责,家...
    田小飛_855f閱讀 210評論 0 0
  • 第16天 繼續(xù)多任務(wù)之旅。前一天實現(xiàn)了兩個任務(wù)之間自動切換禀苦,今天開始寫一個更通用的多任務(wù)切換程序勺择。 首先定義存儲每...
    whatcanhumando閱讀 709評論 0 0