FORM中使用onSubmit="return false"防止表單自動提交，以

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

摘要：在頁面中有多個的文本輸入框的情況下沒有問題，但是當(dāng)頁面中有只有一個文本框的情況下，就會出現(xiàn)此問題后來在中添加問題終于解決。下邊對防止表單自動提交，以及和提交表單進行了些總結(jié)，希望對大家有些用如果有不當(dāng)?shù)牡胤秸堉赋觥?/p>

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

后來在form 中添加：onsubmit="return false;"問題終于解決。

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

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

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

Html代碼

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

如果想在表單提交時，進行驗證

Html代碼






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

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

這樣就會對表單進行驗證再進行提交

要注意的是，千萬不能寫成

Html代碼

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

因為check()不通過后會返回false，因為onsubmit屬性就像是

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

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/1877.html

相關(guān)文章

「每日一瞥

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

XboxYan 2019-08-23 15:16 評論0 收藏0
文檔和元素的幾何滾動

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

wanghui 2019-08-23 10:49 評論0 收藏0
常用列表頁常見hook封裝解析

　　我們今天來講講關(guān)于ahooks 源碼，我們目標(biāo)主要有以下幾點：　　深入了解 React hooks。　　明白如何抽象自定義 hooks，且可以構(gòu)建屬于自己的 React hooks 工具庫?！　⌒〗ㄗh：培養(yǎng)閱讀學(xué)習(xí)源碼的習(xí)慣，工具庫是一個對源碼閱讀不錯的選擇?！　×斜眄摮Ｒ娫亍　『笈_管理系統(tǒng)中常見典型列表頁包括篩選表單項、Table表格、Pagination分頁這三部分。　　針對使用 Ant...

3403771864 2022-11-05 16:18 評論0 收藏0
實用的表單驗證插件--jquery Validation

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

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

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

3403771864 2022-10-18 22:29 評論0 收藏0