国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

jsbintask / 1792人閱讀

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

更新validate version1.1 源碼

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

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

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

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

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

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

使用時需要注意：

JS代碼部分需要注意：

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

HTML代碼部分需要注意：

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

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

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

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

    

        
        
    

    
    
version2 validate

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

    

        用戶名：
        
        


        密碼  ： 
        
        


        不能為空：
        
        


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


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


        數(shù)字：
        
        


        漢字：
        
        


        Email：

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/80010.html

相關(guān)文章

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

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

    james 評論0 收藏0

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

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

    ISherry 評論0 收藏0

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

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

    keke 評論0 收藏0

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

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

    ccj659 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<