槽糕layui表單會提交倆次,你遇到過嗎?使用這個layui已經快倆年時間了,剛剛新搭xadmin的框架,於是就出現了表單會重複提交這個問題,很懊惱啊!
如果你想直接知道解決方案,那就直接到第三小節即可。首先來看看咔咔都做了什麼操作。
使用的xadmin模板,估計是沒有把js檔案引全面造成的問題。
咔咔想實現的效果如下圖。
這是已經實現的效果,之前是沒有的,就是因為加了這個玩意釀成的果。
不知道你們平時開發是怎麼找**的,咔咔是直接去**庫裡邊直接搜鏈結格式不正確
。
下圖就是咔咔搜尋出來的結果,那麼接下來就是引入這個js檔案試試唄!
於是拿起鍵盤就是幹,將這個檔案給引入進去
以上就是釀成後果的原有!
新增一條資料
果然沒讓人失望,出現了倆條資料,哈哈!懵逼了
其實出現這個問題就是粗心大意造成了,還有就是對layui框架還是不熟悉。
解決方案就是將form這個js檔案給乾掉即可,是不是很搞笑,嗯吶!十分搞笑。
當你開啟layui.js檔案時就會恍然大悟
原來,layui.js自動所有包含了modules模組,我本地額外的引入了,所以會出現這樣的情況。
當然問題不僅僅是咔咔這種情況。
如果連續引用兩次layui.all.js檔案, 會導致連續觸發兩次, 或者先引用layui.all.js檔案,然後在引用layui.js檔案也會觸發兩次, 請細心檢查自己引用的檔案!!!
引用了layui.all.js檔案之後, 再次引用了layui.js, 導致連續觸發了兩次!
堅持學習、堅持寫博、堅持分享是咔咔從業以來一直所秉持的信念。希望在偌大網際網路中咔咔的文章能帶給你一絲絲幫助。我是咔咔,下期見。
layui表單提交
form method post div class layui form item label for l email class layui form label 郵箱 label div class layui input inline input type text id l email n...
layui表單提交到後台
思路 我在開發問卷調查模組時,想新增問卷的時候使用layui彈出乙個表單,然後經過校驗提交到ssm下的controller裡 一 jsp要彈出的表單 add class layui btn layui btn sm 新增問卷提交 二 layui指令碼 layui.use layer form fun...
layui提交表單,顯示提交兩次原因彙總!
原因一 一般用layui導致提交兩次,會想到的是在繫結on sumit的時候沒有return false,導致沒有把常規提交方式攔截下來,再次訪問了action ajax async false,type post datatype json data data.field,success func...