成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

原創(chuàng)validate信息驗(yàn)證控件，簡(jiǎn)單易用

jsbintask / 1799人閱讀

摘要：更新源碼開(kāi)源代碼已在上，點(diǎn)擊上面的源碼查看為了方便使用，現(xiàn)更新版本，主要變更如下代碼不用自己設(shè)置太多錯(cuò)誤信息提示一律顯示在驗(yàn)證框下面，以紅色字體標(biāo)出錯(cuò)誤信息可以自己設(shè)置，也可以設(shè)置為空，為空時(shí)顯示默認(rèn)提示頁(yè)面需要給添加，給添加一些屬性，下面

更新validate version1.1 源碼

(開(kāi)源代碼已在github上，點(diǎn)擊上面的源碼查看)

為了方便使用，現(xiàn)更新版本，主要變更如下

JS代碼不用自己設(shè)置太多

錯(cuò)誤信息提示一律顯示在驗(yàn)證框下面，以紅色字體標(biāo)出

錯(cuò)誤信息可以自己設(shè)置，也可以設(shè)置為空，為空時(shí)顯示默認(rèn)提示

html頁(yè)面需要給form添加ID，給INPUT添加一些屬性，INPUT下面添加標(biāo)簽label。詳情如下：

使用時(shí)需要注意：

JS代碼部分需要注意：

只需要new validate("formid")，傳一個(gè)form的ID給我就足夠了

HTML代碼部分需要注意：

HTML頁(yè)面相應(yīng)FORM下，你要告訴我四個(gè)信息包括id="info" validate="true" validateInfo="{"type":"number"}；{"type":"email"}" error_message=""

validate=""或者"false"或者沒(méi)有該屬性時(shí)，其他的信息均可不用設(shè)置

設(shè)置了validate="true"時(shí)，其他三個(gè)屬性必須，但可以設(shè)置為空，比如error_message=""，此時(shí)輸入有誤時(shí)顯示的信息將是我設(shè)置的默認(rèn)值

需要驗(yàn)證的input框下面需要添加一個(gè)標(biāo)簽，用于顯示錯(cuò)誤提示信息

    

        
        
    

    
    
version2 validate

    
隨意組合，目前總共分為以下幾個(gè)規(guī)則

    

        用戶名：
        
        


        密碼  ： 
        
        


        不能為空：
        
        


        數(shù)值不能小于10：
        
        


        數(shù)值最大不能超過(guò)100：
        
        


        數(shù)字：
        
        


        漢字：
        
        


        Email：

是不是很簡(jiǎn)單，有疑問(wèn)歡迎留言
想要使用的同學(xué)，請(qǐng)注明版權(quán)@Ipo
轉(zhuǎn)發(fā)請(qǐng)注明版權(quán)@Ipo
vue 新手中文社區(qū)群： 320905222

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

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

相關(guān)文章

  • angular4 學(xué)習(xí)記錄 -- 表單

    摘要：在表單上添加的會(huì)攔截標(biāo)準(zhǔn)的表單提交事件。并為它們提供了一些共同的行為和屬性，其中有些是可觀察對(duì)象。用于跟蹤一個(gè)單獨(dú)的表單控件的值和有效性狀態(tài)。組件中的頂級(jí)表單就是一個(gè)。在表單所在的中的上添加，再在指定的驗(yàn)證方法中調(diào)用來(lái)顯示驗(yàn)證失敗信息。 angular4 表單 模板表單 在app.module中導(dǎo)入FormsModule之后，項(xiàng)目中的form表單都會(huì)是一個(gè)ngForm，也就是一個(gè)模板表...

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

  • 寫(xiě)一個(gè)簡(jiǎn)單易用可擴(kuò)展vue表單驗(yàn)證插件(vue-validate-easy)

    摘要：寫(xiě)一個(gè)表單驗(yàn)證插件需求目標(biāo)簡(jiǎn)單易用可擴(kuò)展如何簡(jiǎn)單開(kāi)發(fā)者要做的寫(xiě)了一個(gè)表單，指定一個(gè)，指定其驗(yàn)證規(guī)則。調(diào)用提交表單方法，可以獲取驗(yàn)證成功后的數(shù)據(jù)。 寫(xiě)一個(gè)vue表單驗(yàn)證插件(vue-validate-easy) 需求 目標(biāo)：簡(jiǎn)單易用可擴(kuò)展 如何簡(jiǎn)單 開(kāi)發(fā)者要做的 寫(xiě)了一個(gè)表單，指定一個(gè)name，指定其驗(yàn)證規(guī)則。 調(diào)用提交表單方法，可以獲取驗(yàn)證成功后的數(shù)據(jù)。 調(diào)用重置表單方法重置表單 自...

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

  • 寫(xiě)一個(gè)簡(jiǎn)單易用可擴(kuò)展vue表單驗(yàn)證插件(vue-validate-easy)

    摘要：寫(xiě)一個(gè)表單驗(yàn)證插件需求目標(biāo)簡(jiǎn)單易用可擴(kuò)展如何簡(jiǎn)單開(kāi)發(fā)者要做的寫(xiě)了一個(gè)表單，指定一個(gè)，指定其驗(yàn)證規(guī)則。調(diào)用提交表單方法，可以獲取驗(yàn)證成功后的數(shù)據(jù)。 寫(xiě)一個(gè)vue表單驗(yàn)證插件(vue-validate-easy) 需求 目標(biāo)：簡(jiǎn)單易用可擴(kuò)展 如何簡(jiǎn)單 開(kāi)發(fā)者要做的 寫(xiě)了一個(gè)表單，指定一個(gè)name，指定其驗(yàn)證規(guī)則。 調(diào)用提交表單方法，可以獲取驗(yàn)證成功后的數(shù)據(jù)。 調(diào)用重置表單方法重置表單 自...

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

  • 寫(xiě)一個(gè)簡(jiǎn)單易用可擴(kuò)展vue表單驗(yàn)證插件(vue-validate-easy)

    摘要：寫(xiě)一個(gè)表單驗(yàn)證插件需求目標(biāo)簡(jiǎn)單易用可擴(kuò)展如何簡(jiǎn)單開(kāi)發(fā)者要做的寫(xiě)了一個(gè)表單，指定一個(gè)，指定其驗(yàn)證規(guī)則。調(diào)用提交表單方法，可以獲取驗(yàn)證成功后的數(shù)據(jù)。 寫(xiě)一個(gè)vue表單驗(yàn)證插件(vue-validate-easy) 需求 目標(biāo)：簡(jiǎn)單易用可擴(kuò)展 如何簡(jiǎn)單 開(kāi)發(fā)者要做的 寫(xiě)了一個(gè)表單，指定一個(gè)name，指定其驗(yàn)證規(guī)則。 調(diào)用提交表單方法，可以獲取驗(yàn)證成功后的數(shù)據(jù)。 調(diào)用重置表單方法重置表單 自...

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

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

0條評(píng)論

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