按鈕綁定回車事件后按回車表單執(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時,按回車鍵會自動提交表單的問題契吉。