Between validator常用驗證規則

KunMinX 發布于2019-08-26 11:56 / 323人閱讀

摘要：數字大小驗證規則，很常用，不能超過數據庫的字符限制吧當你輸出完成后調用的方法，是你輸入的值，你對它進行計算或者驗證，之后返回代表驗證成功，失敗代表驗證失敗。

1.數字大小驗證規則，很常用，不能超過數據庫的字符限制吧

between: {
    min: 2,
    max: 100,
    message: "The number of floors must be between 2 and 100"
 }

2.當你輸出完成后調用的方法，value是你輸入的值，你對它進行計算或者驗證，之后返回true代表驗證成功，false失敗代表驗證失敗。你也可以利用它去后臺發送ajax請求來驗證，只是注意性能，因為請求有點多，需求不大可以設置前端緩存

callback: {
    message: "Wrong answer",
    callback: function (value, validator, $field) {
        // Determine the numbers which are generated in captchaOperation
        var items = $("#captchaOperation").html().split(" "),
            sum   = parseInt(items[0]) + parseInt(items[2]);
        return value == sum;
    }
}

3.和 field中填寫的表單內容不能一樣，比如不讓密碼和用戶名一樣

different: {
    field: "username",
    message: "The password cannot be the same as username"
}

4.和 regexp大家都懂的，不解釋=！=

regexp: {
    regexp: /^[a-zs]+$/i,
    message: "The full name can consist of alphabetical characters and spaces only"
}

5.非空，不解釋=！=

notEmpty: {
    message: "The full name is required"
}

6.字符串長度驗證規則

stringLength: {
    max: 50,
    message: "The full name must be less than 50 characters"
}

7.字符串大小寫驗證規則

stringCase: {
    message: "The card holder must be in uppercase",
    "case": "upper"                //    Can be lower default or upper
}

8.整數驗證

integer: {
    message: "The value is not an integer"
}

9.遠程請求

remote: {
    message: "The username is not available",
    url: "/path/to/backend/"
}

10.驗證文件

file: {
    extension: "jpeg,png",
    type: "image/jpeg,image/png",
    maxSize: 2048 * 1024,
    message: "The selected file is not valid"
}

詳情請參考http://bootstrapvalidator.vot...
里面有大量使用案例，后續我寫的多了也會補充，現在只是暫時做一個記錄，以后用一個在這里記一個

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

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

Between validator常用驗證規則

摘要：數字大小驗證規則，很常用，不能超過數據庫的字符限制吧當你輸出完成后調用的方法，是你輸入的值，你對它進行計算或者驗證，之后返回代表驗證成功，失敗代表驗證失敗。 1.數字大小驗證規則，很常用，不能超過數據庫的字符限制吧 between: { min: 2, max: 100, message: The number of floors must be between...

tianhang 2019-08-02 10:35 評論0 收藏0
VeeValidate 的使用場景以及配置

摘要：創建項目安裝本文中使用的版本為在中引入例子第一個測試例子驗證通過更多配置請參考官網我們只是用些常用配置和常用的驗證中文配置全局配置這樣就可以使用中文提示了自定義錯誤提示昵稱不得為空寫法昵稱不得小于個字符創建vue項目: vue init webpack vee cd ./vee npm run dev # or yarn run dev 安裝 VeeValidate npm...

blair 2019-08-23 14:38 評論0 收藏0
vuelidate 對于vueJs2.0的驗證解決方案

摘要：介紹在后端項目里比如我們的框架對于表單驗證有自己的一套機制他將驗證集成在我們只需要在我們的方法中依賴注入我們自己實例化后的驗證類當然也可以直接去在方法里去驗證表單數據而在我們的前端的項目里也就是在我們的項目里也有比較好的驗證解決方案也就是這介紹在后端項目里比如我們的Laravel框架對于表單驗證有自己的一套validation機制他將驗證集成在FormRequest 我們只...

zhangwang 2019-06-27 15:39 評論0 收藏0