资讯专栏INFORMATION COLUMN

Between validator常用验证规则

KunMinX / 290人阅读

摘要:数字大小验证规则,很常用,不能超过数据库的字符限制吧当你输出完成后调用的方法,是你输入的值,你对它进行计算或者验证,之后返回代表验证成功,失败代表验证失败。

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...
里面有大量使用案例,后续我写的多了也会补充,现在只是暂时做一个记录,以后用一个在这里记一个

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/107872.html

相关文章

  • Between validator常用验证规则

    摘要:数字大小验证规则,很常用,不能超过数据库的字符限制吧当你输出完成后调用的方法,是你输入的值,你对它进行计算或者验证,之后返回代表验证成功,失败代表验证失败。 1.数字大小验证规则,很常用,不能超过数据库的字符限制吧 between: { min: 2, max: 100, message: The number of floors must be between...

    tianhang 评论0 收藏0
  • VeeValidate 的使用场景以及配置

    摘要:创建项目安装本文中使用的版本为在中引入例子第一个测试例子验证通过更多配置请参考官网我们只是用些常用配置和常用的验证中文配置全局配置这样就可以使用中文提示了自定义错误提示昵称不得为空写法昵称不得小于个字符 创建vue项目: vue init webpack vee cd ./vee npm run dev # or yarn run dev 安装 VeeValidate npm...

    blair 评论0 收藏0
  • vuelidate 对于vueJs2.0的验证解决方案

    摘要:介绍在后端项目里比如我们的框架对于表单验证有自己的一套机制他将验证集成在我们只需要在我们的方法中依赖注入我们自己实例化后的验证类当然也可以直接去在方法里去验证表单数据而在我们的前端的项目里也就是在我们的项目里也有比较好的验证解决方案也就是这 介绍 在后端项目里 比如我们的Laravel框架 对于表单验证有自己的一套validation机制 他将验证集成在FormRequest 我们只...

    zhangwang 评论0 收藏0

发表评论

0条评论

KunMinX

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<