記一次Validform.js表單提交踩的坑

hss01248 發布于2019-08-22 15:22 / 3737人閱讀

摘要：剛進公司實習不久，最近公司有一個需求做一個的頁面，利用傳過來的參數來顯示不同的表單內容，不同的表單提交的內容也就不一樣。

剛進公司實習不久，最近公司有一個需求,做一個h5的頁面，利用傳過來的url參數來顯示不同的表單內容，不同的表單提交的內容也就不一樣。

雖然我剛拿到也覺得so easy，但是就是這個簡單的東西也踩了很多坑，記錄下來，不再懵逼。

1 隱藏的表單元素的value也會被默認提交

解決辦法,上代碼:

if(type === "1000"){                                     
    $(".badyForm").show();
    $(".badyForm").find("input").attr("disabled",false);   
}else{
    $(".badyForm").hide();
    $(".badyForm").find("input").attr("disabled",true);                    
}

其中.badyForm 就是要隱藏的元素集合,首先根據判斷顯示隱藏，但是一定要將disable設置為true才能不提交內容

2 隱藏了元素點擊提交沒有反應？

上代碼,這里是一個姓名的判斷：

因為Validform插件會做判斷如果設置了datatype、errormsg以及nullmsg的話，沒有值是不允許你提交的；但是，我們的需求就是要設置這里的錯誤信息

解決辦法,上代碼:

var formSubmit = $(".registerform1").Validform({
    btnSubmit: ".submit1",
    tiptype: 3,
    showAllError: true,
    datatype:{
        "name": /^s*$/ || "*2-10",
    },

思路：在提交的時候做判斷,datatype與input里的name對應起來,如果為空，則驗證通過，如果不為空，則繼續下面的判斷是否為2-10以內的字符.

不輸入:

輸入一位：

大概就是這樣的,以上就是踩的坑，歡迎互相交流學習.

完整代碼: 沒有(皮的嘛就不談了)

云服務器 GPU云服務器記一次在阿里云搭建服務器記一次阿里云服務器集體中毒提交表單表單提交

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/93411.html

【踩坑記錄】記一次MySQL主從復制延遲的坑

摘要：最近開發中遇到的一個主從延遲的坑，記錄并總結，避免再次犯同樣的錯誤。運行時查詢為空，執行完畢后查詢時內容存在，初步懷疑是主從延遲問題。報錯只是部分失敗，確定是主從延遲的問題。接下來，會去學習主從復制的原理，敬請期待。最近開發中遇到的一個MySQL主從延遲的坑，記錄并總結，避免再次犯同樣的錯誤。情景一個活動信息需要審批，審批之后才能生效。因為之后活動要編輯，編輯后也可能觸發審批，審...

cartoon 2019-06-27 17:00 評論0 收藏0
使用 nginx 反向代理多個 docker 容器

摘要：架構服務器中已存在的是鏡像，可以運行環境以及其他的，包含了等。添加容器新添加一個容器用來做反向代理。推薦使用版本查看鏡像，生成新的容器，。參考資料轉載記一次用運行容器做域名反向代理時踩的坑如何從容器內部獲取主機。導語之前介紹 docker 的時候說過它的優勢之一，就是可以在同一服務器中搭建多個環境，互相隔離。昨天就實際操作下，萬萬沒想到如此多的坑，比之前從零開始搭建服務器都費時間。...

Wildcard 2019-06-28 17:14 評論0 收藏0
使用 nginx 反向代理多個 docker 容器

摘要：架構服務器中已存在的是鏡像，可以運行環境以及其他的，包含了等。添加容器新添加一個容器用來做反向代理。推薦使用版本查看鏡像，生成新的容器，。參考資料轉載記一次用運行容器做域名反向代理時踩的坑如何從容器內部獲取主機。導語之前介紹 docker 的時候說過它的優勢之一，就是可以在同一服務器中搭建多個環境，互相隔離。昨天就實際操作下，萬萬沒想到如此多的坑，比之前從零開始搭建服務器都費時間。...

Hanks10100 2019-07-25 15:06 評論0 收藏0
記一次 Laravel 應用性能調優經歷

摘要：為了一探究竟，于是開啟了這次應用性能調優之旅。使用即時編譯器和都能輕輕松松的讓你的應用程序在不用做任何修改的情況下，直接提高或者更高的性能。這是一份事后的總結。在經歷了調優過程踩的很多坑之后，我們最終完善并實施了初步的性能測試方案，通過真實的測試數據歸納出了 Laravel 開發過程中的一些實踐技巧。 0x00 源起最近有同事反饋 Laravel 寫的應用程序響應有點慢、20幾個并...

warkiz 2019-07-01 12:24 評論0 收藏0