FORM中使用onSubmit="return false"防止表單自動(dòng)提交，以

番茄西紅柿發(fā)布于2019-04-23 13:26 / 490人閱讀

摘要：在頁(yè)面中有多個(gè)的文本輸入框的情況下沒(méi)有問(wèn)題，但是當(dāng)頁(yè)面中有只有一個(gè)文本框的情況下，就會(huì)出現(xiàn)此問(wèn)題后來(lái)在中添加問(wèn)題終于解決。下邊對(duì)防止表單自動(dòng)提交，以及和提交表單進(jìn)行了些總結(jié)，希望對(duì)大家有些用如果有不當(dāng)?shù)牡胤秸?qǐng)指出。

在頁(yè)面中有多個(gè)input type="text"的文本輸入框的情況下沒(méi)有問(wèn)題，但是當(dāng)頁(yè)面中有只有一個(gè)文本框的情況下()，就會(huì)出現(xiàn)此問(wèn)題.

后來(lái)在form 中添加：onsubmit="return false;"問(wèn)題終于解決。

總結(jié)期間找了些關(guān)于onsubmit="return false;"的文章，作為資料也貼在下邊。

URL：http://bbsanwei.javaeye.com/blog/271547

onSubmit的使用
在web開(kāi)發(fā)中，我們經(jīng)常會(huì)遇到，一點(diǎn)回車鍵表單就自己提交的問(wèn)題，能不能禁用回車鍵呢，答案是肯定的.

Html代碼

...............

如果想在表單提交時(shí)，進(jìn)行驗(yàn)證

Html代碼






...............

...............

這樣就會(huì)對(duì)表單進(jìn)行驗(yàn)證再進(jìn)行提交

要注意的是，千萬(wàn)不能寫成

Html代碼

...............

因?yàn)閏heck()不通過(guò)后會(huì)返回false，因?yàn)閛nsubmit屬性就像是

云服務(wù)器 GPU云服務(wù)器防止form重復(fù)提交 form表單提交 form表單提交input form表單提交json

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1877.html

相關(guān)文章

「每日一瞥

摘要：首先，我們需要一個(gè)基本框架來(lái)處理表單域變化和表格提交。最起碼我們需要提供一個(gè)來(lái)告訴如果用戶還沒(méi)有對(duì)表單域進(jìn)行改動(dòng)，就不必展示錯(cuò)誤。我們需要一個(gè)來(lái)標(biāo)識(shí)用戶已嘗試提交表單，還需要來(lái)標(biāo)識(shí)表單是否正在提交以及每個(gè)表單域是否正在進(jìn)行異步校驗(yàn)。 showImg(https://segmentfault.com/img/remote/1460000017516912?w=1200&h=630); ...

XboxYan 2019-08-23 15:16 評(píng)論0 收藏0
文檔和元素的幾何滾動(dòng)

摘要：文檔和元素的幾何滾動(dòng)當(dāng)瀏覽器在窗口中渲染文檔時(shí)，它將會(huì)創(chuàng)建文檔一個(gè)視覺(jué)表現(xiàn)層，在哪里每個(gè)元素都有自己的位置和尺寸。通常應(yīng)用程序?qū)⑽臋n看做元素的樹(shù)。的問(wèn)題是觸發(fā)該事件的文檔元素的一個(gè)引用。文檔和元素的幾何滾動(dòng) 當(dāng)瀏覽器在窗口中渲染文檔時(shí)，它將會(huì)創(chuàng)建文檔一個(gè)視覺(jué)表現(xiàn)層，在哪里每個(gè)元素都有自己的位置和尺寸。通常web應(yīng)用程序?qū)⑽臋n看做元素的樹(shù)。文檔坐標(biāo)和窗口坐標(biāo) 元素位置以像素來(lái)進(jìn)行度量...

wanghui 2019-08-23 10:49 評(píng)論0 收藏0
常用列表頁(yè)常見(jiàn)hook封裝解析

　　我們今天來(lái)講講關(guān)于ahooks 源碼，我們目標(biāo)主要有以下幾點(diǎn)：　　深入了解 React hooks?！　∶靼兹绾纬橄笞远x hooks，且可以構(gòu)建屬于自己的 React hooks 工具庫(kù)。　　小建議：培養(yǎng)閱讀學(xué)習(xí)源碼的習(xí)慣，工具庫(kù)是一個(gè)對(duì)源碼閱讀不錯(cuò)的選擇?！　×斜眄?yè)常見(jiàn)元素　　后臺(tái)管理系統(tǒng)中常見(jiàn)典型列表頁(yè)包括篩選表單項(xiàng)、Table表格、Pagination分頁(yè)這三部分?！　♂槍?duì)使用 Ant...

3403771864 2022-11-05 16:18 評(píng)論0 收藏0
實(shí)用的表單驗(yàn)證插件--jquery Validation

摘要：默認(rèn)值原生的表單提交類型表單驗(yàn)證通過(guò)后提交表單的回調(diào)函數(shù)。使用去控制這個(gè)組的驗(yàn)證信息被放置的位置。例子禁用對(duì)焦驗(yàn)證。他的回調(diào)函數(shù)被傳入兩個(gè)參數(shù)類型元素這個(gè)元素是當(dāng)前正在被驗(yàn)證的，是一個(gè)元素。此函數(shù)的上下午為驗(yàn)證對(duì)象本身。 Validation文檔翻譯前言 Validation作為表單驗(yàn)證中最常用的插件，為我在開(kāi)發(fā)過(guò)程中提供了很多便利的地方。雖然說(shuō)我很常用，但是我真的不敢說(shuō)我會(huì)用Val...

eccozhou 2019-08-21 16:48 評(píng)論0 收藏0
項(xiàng)目中react表單數(shù)據(jù)形式配置化設(shè)計(jì)

　　作為開(kāi)發(fā)和前段人員，日常中經(jīng)常接觸到有關(guān)表單。其實(shí)表單在日常中工作內(nèi)容雖然是重復(fù)，也要不停在寫 FormItem...，以及為組件加上請(qǐng)輸入/請(qǐng)選擇等無(wú)腦的 placeholder 文本和請(qǐng)輸入xx/請(qǐng)選擇xx等必填提示。再有就是表單一般都存在編輯頁(yè)和詳情頁(yè)，而為了代碼更好的維護(hù)性通常會(huì)將編輯和詳情用一套代碼實(shí)現(xiàn)。這樣就影響我們的代碼里就會(huì)出現(xiàn)isEdit ？表單組件：簡(jiǎn)單來(lái)說(shuō)就是無(wú)大腦的...

3403771864 2022-10-18 22:29 評(píng)論0 收藏0