資訊專(zhuān)欄INFORMATION COLUMN
摘要：表單驗(yàn)證用的插件，還用到了下拉列表相關(guān)的插件。沒(méi)想到，這其中暗暗地隱藏著一個(gè)個(gè)坑。于是看了一下插件的官方文檔，它提供了兩種方法，可以在表單元素上添加，刪除校驗(yàn)規(guī)則。
表單驗(yàn)證用的jquery validation插件，還用到了下拉列表相關(guān)的插件”selectize”。有這樣一個(gè)功能，表單中一個(gè)下拉列表A的”required”屬性是根據(jù)另一個(gè)下拉列表B的選擇內(nèi)容來(lái)動(dòng)態(tài)變換的。于是想著根據(jù)B被選中的值來(lái)添加或者刪除A的”required”屬性，好像是實(shí)現(xiàn)了這一個(gè)功能。沒(méi)想到，這其中暗暗地隱藏著一個(gè)個(gè)坑o(╥﹏╥)o。
首先呢，往A中用attr(“required”,true)方法添加必選校驗(yàn)，點(diǎn)擊提交按鈕的時(shí)候，A的校驗(yàn)并沒(méi)有生效，檢查了瀏覽器內(nèi)的頁(yè)面HTML代碼，發(fā)現(xiàn)是有這個(gè)屬性的，怎么肥四呢？做了一通research，原來(lái)form表單的校驗(yàn)規(guī)則是在頁(yè)面加載完成時(shí)就已經(jīng)創(chuàng)建好了，并且不會(huì)實(shí)時(shí)監(jiān)聽(tīng)表單元素屬性變化來(lái)動(dòng)態(tài)更改的。于是看了一下jquery validation插件的官方文檔，它提供了兩種方法，可以在表單元素上添加，刪除校驗(yàn)規(guī)則。如下↓
（如果小伙伴們碰到了和我一樣的問(wèn)題，可以試著用上面的代碼，畢竟是插件自帶的方法，絕對(duì)有效）
好了，動(dòng)態(tài)添加校驗(yàn)規(guī)則的問(wèn)題解決了，又一個(gè)問(wèn)題來(lái)了（摔?。┯谩眘electize”插件給下拉列表A做配置，比如禁止添加下拉選項(xiàng)，添加placeholder等，發(fā)現(xiàn)它會(huì)影響動(dòng)態(tài)添加的“required”屬性，導(dǎo)致校驗(yàn)失敗。想著用原生的HTML和JS代碼來(lái)實(shí)現(xiàn)”selectize”插件配置的功能，但又和目前系統(tǒng)的展示效果不是很一致……本人小白，目前還沒(méi)有解決這一問(wèn)題，如果你有解決方案，歡迎評(píng)論區(qū)留言哈~~
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/100021.html
摘要：做項(xiàng)目時(shí)，碰到一個(gè)需求，根據(jù)一個(gè)下拉框選項(xiàng)的值來(lái)動(dòng)態(tài)顯示另一個(gè)表單元素的標(biāo)題。總結(jié)對(duì)象無(wú)法使用對(duì)象的任何方法和屬性，要想獲取或者設(shè)置一個(gè)標(biāo)簽內(nèi)部的內(nèi)容，可以使用的方法。 做項(xiàng)目時(shí)，碰到一個(gè)需求，根據(jù)一個(gè)下拉框選項(xiàng)的值來(lái)動(dòng)態(tài)顯示另一個(gè)表單元素的標(biāo)題。心想著做一下選項(xiàng)值的判斷，然后用一下innerHTML這一屬性，應(yīng)該就可以了。然而，我還是圖樣圖森破，用JQuery獲取到相應(yīng)的對(duì)象之后并且...
摘要：函數(shù)式編程前端掘金引言面向?qū)ο缶幊桃恢币詠?lái)都是中的主導(dǎo)范式。函數(shù)式編程是一種強(qiáng)調(diào)減少對(duì)程序外部狀態(tài)產(chǎn)生改變的方式。 JavaScript 函數(shù)式編程 - 前端 - 掘金引言 面向?qū)ο缶幊桃恢币詠?lái)都是JavaScript中的主導(dǎo)范式。JavaScript作為一門(mén)多范式編程語(yǔ)言，然而，近幾年，函數(shù)式編程越來(lái)越多得受到開(kāi)發(fā)者的青睞。函數(shù)式編程是一種強(qiáng)調(diào)減少對(duì)程序外部狀態(tài)產(chǎn)生改變的方式。因此，...
摘要：和，前者是過(guò)濾選擇器而后者是子代選擇器。第三章中的操作查找節(jié)點(diǎn)想要查找元素節(jié)點(diǎn)或者是屬性節(jié)點(diǎn)，就是通過(guò)前一章學(xué)習(xí)的選擇器獲取相應(yīng)元素的文本，或者是通過(guò)選擇器屬性名獲取某元素相應(yīng)屬性的值。 About Javscript record the thing which maybe forgetten 原生JavaScript Javascript DOM document.writ...
摘要：個(gè)人前端文章整理從最開(kāi)始萌生寫(xiě)文章的想法，到著手開(kāi)始寫(xiě)，再到現(xiàn)在已經(jīng)一年的時(shí)間了，由于工作比較忙，更新緩慢，后面還是會(huì)繼更新，現(xiàn)將已經(jīng)寫(xiě)好的文章整理一個(gè)目錄，方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個(gè)人前端文章整理 從最開(kāi)始萌生寫(xiě)文章的想法，到著手...
閱讀 4426·2021-11-19 09:59
閱讀 3344·2021-10-12 10:12
閱讀 2649·2021-09-22 15:25
閱讀 3352·2019-08-30 15:55
閱讀 1198·2019-08-29 11:27
閱讀 1479·2019-08-28 18:06
閱讀 2752·2019-08-26 13:41
閱讀 2567·2019-08-26 13:41
