原創validate信息驗證控件，簡單易用

jsbintask 發布于2019-08-19 18:47 / 1798人閱讀

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

更新validate version1.1 源碼

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

為了方便使用，現更新版本，主要變更如下

JS代碼不用自己設置太多

錯誤信息提示一律顯示在驗證框下面，以紅色字體標出

錯誤信息可以自己設置，也可以設置為空，為空時顯示默認提示

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

使用時需要注意：

JS代碼部分需要注意：

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

HTML代碼部分需要注意：

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

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

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

需要驗證的input框下面需要添加一個標簽，用于顯示錯誤提示信息

    
        
        
    
    
    version2 validate
    隨意組合，目前總共分為以下幾個規則
    
        用戶名：
        
        


        密碼  ： 
        
        


        不能為空：
        
        


        數值不能小于10：
        
        


        數值最大不能超過100：
        
        


        數字：
        
        


        漢字：
        
        


        Email：

是不是很簡單，有疑問歡迎留言
想要使用的同學，請注明版權@Ipo
轉發請注明版權@Ipo
vue 新手中文社區群： 320905222

GPU云服務器云服務器 validate表單驗證 validate異步驗證 validate自定義驗證簡單日歷控件html

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

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

angular4 學習記錄 -- 表單

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

james 2019-08-21 16:45 評論0 收藏0
寫一個簡單易用可擴展vue表單驗證插件(vue-validate-easy)

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

ISherry 2019-08-22 16:32 評論0 收藏0
寫一個簡單易用可擴展vue表單驗證插件(vue-validate-easy)

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

keke 2019-08-02 10:13 評論0 收藏0
寫一個簡單易用可擴展vue表單驗證插件(vue-validate-easy)

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

ccj659 2019-08-29 15:05 評論0 收藏0