亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

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

hss01248 / 3810人閱讀

摘要：剛進(jìn)公司實(shí)習(xí)不久，最近公司有一個(gè)需求做一個(gè)的頁(yè)面，利用傳過(guò)來(lái)的參數(shù)來(lái)顯示不同的表單內(nèi)容，不同的表單提交的內(nèi)容也就不一樣。

剛進(jìn)公司實(shí)習(xí)不久，最近公司有一個(gè)需求,做一個(gè)h5的頁(yè)面，利用傳過(guò)來(lái)的url參數(shù)來(lái)顯示不同的表單內(nèi)容，不同的表單提交的內(nèi)容也就不一樣。

雖然我剛拿到也覺(jué)得so easy，但是就是這個(gè)簡(jiǎn)單的東西也踩了很多坑，記錄下來(lái)，不再懵逼。

1 隱藏的表單元素的value也會(huì)被默認(rèn)提交

解決辦法,上代碼:

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

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

2 隱藏了元素 點(diǎn)擊提交 沒(méi)有反應(yīng)？

上代碼,這里是一個(gè)姓名的判斷：

因?yàn)閂alidform插件會(huì)做判斷 如果設(shè)置了datatype、errormsg以及nullmsg的話，沒(méi)有值 是不允許你提交的；但是，我們的需求就是要設(shè)置這里的錯(cuò)誤信息

解決辦法,上代碼:

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

思路：在提交的時(shí)候做判斷,datatype與input里的name對(duì)應(yīng)起來(lái),如果為空，則驗(yàn)證通過(guò)，如果不為空，則繼續(xù)下面的判斷是否為2-10以?xún)?nèi)的字符.

不輸入:

輸入一位：

大概就是這樣的,以上就是踩的坑，歡迎互相交流學(xué)習(xí).

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

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

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

相關(guān)文章

  • 【踩坑記錄】記一次MySQL主從復(fù)制延遲的坑

    摘要：最近開(kāi)發(fā)中遇到的一個(gè)主從延遲的坑，記錄并總結(jié)，避免再次犯同樣的錯(cuò)誤。運(yùn)行時(shí)查詢(xún)?yōu)榭?，?zhí)行完畢后查詢(xún)時(shí)內(nèi)容存在，初步懷疑是主從延遲問(wèn)題。報(bào)錯(cuò)只是部分失敗，確定是主從延遲的問(wèn)題。接下來(lái)，會(huì)去學(xué)習(xí)主從復(fù)制的原理，敬請(qǐng)期待。 最近開(kāi)發(fā)中遇到的一個(gè)MySQL主從延遲的坑，記錄并總結(jié)，避免再次犯同樣的錯(cuò)誤。 情景 一個(gè)活動(dòng)信息需要審批，審批之后才能生效。因?yàn)橹蠡顒?dòng)要編輯，編輯后也可能觸發(fā)審批，審...

    cartoon 評(píng)論0 收藏0

  • 使用 nginx 反向代理多個(gè) docker 容器

    摘要：架構(gòu)服務(wù)器中已存在的是鏡像，可以運(yùn)行環(huán)境以及其他的，包含了等。添加容器新添加一個(gè)容器用來(lái)做反向代理。推薦使用版本查看鏡像，生成新的容器，。參考資料轉(zhuǎn)載記一次用運(yùn)行容器做域名反向代理時(shí)踩的坑如何從容器內(nèi)部獲取主機(jī)。 導(dǎo)語(yǔ) 之前介紹 docker 的時(shí)候說(shuō)過(guò)它的優(yōu)勢(shì)之一，就是可以在同一服務(wù)器中搭建多個(gè)環(huán)境，互相隔離。昨天就實(shí)際操作下，萬(wàn)萬(wàn)沒(méi)想到如此多的坑，比之前從零開(kāi)始搭建服務(wù)器都費(fèi)時(shí)間。...

    Wildcard 評(píng)論0 收藏0

  • 使用 nginx 反向代理多個(gè) docker 容器

    摘要：架構(gòu)服務(wù)器中已存在的是鏡像，可以運(yùn)行環(huán)境以及其他的，包含了等。添加容器新添加一個(gè)容器用來(lái)做反向代理。推薦使用版本查看鏡像，生成新的容器，。參考資料轉(zhuǎn)載記一次用運(yùn)行容器做域名反向代理時(shí)踩的坑如何從容器內(nèi)部獲取主機(jī)。 導(dǎo)語(yǔ) 之前介紹 docker 的時(shí)候說(shuō)過(guò)它的優(yōu)勢(shì)之一，就是可以在同一服務(wù)器中搭建多個(gè)環(huán)境，互相隔離。昨天就實(shí)際操作下，萬(wàn)萬(wàn)沒(méi)想到如此多的坑，比之前從零開(kāi)始搭建服務(wù)器都費(fèi)時(shí)間。...

    Hanks10100 評(píng)論0 收藏0

  • 記一次 Laravel 應(yīng)用性能調(diào)優(yōu)經(jīng)歷

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

    warkiz 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<