资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/Between validator常用验证规则

Between validator常用验证规则

tianhang / 1516人阅读

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

1.数字大小验证规则，很常用，不能超过数据库的字符限制吧

</>复制代码 
  1. between: {
  2.     min: 2,
  3.     max: 100,
  4.     message: "The number of floors must be between 2 and 100"
  5.  }

2.当你输出完成后调用的方法，value是你输入的值，你对它进行计算或者验证，之后返回true代表验证成功，false失败代表验证失败。你也可以利用它去后台发送ajax请求来验证，只是注意性能，因为请求有点多，需求不大可以设置前端缓存

</>复制代码 
  1. callback: {
  2.     message: "Wrong answer",
  3.     callback: function (value, validator, $field) {
  4.         // Determine the numbers which are generated in captchaOperation
  5.         var items = $("#captchaOperation").html().split(" "),
  6.             sum   = parseInt(items[0]) + parseInt(items[2]);
  7.         return value == sum;
  8.     }
  9. }

3.和 field中填写的表单 内容不能一样， 比如不让密码和用户名一样

</>复制代码 
  1. different: {
  2.     field: "username",
  3.     message: "The password cannot be the same as username"
  4. }

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

</>复制代码 
  1. regexp: {
  2.     regexp: /^[a-zs]+$/i,
  3.     message: "The full name can consist of alphabetical characters and spaces only"
  4. }

5.非空，不解释=！=

</>复制代码 
  1. notEmpty: {
  2.     message: "The full name is required"
  3. }

6.字符串长度验证规则

</>复制代码 
  1. stringLength: {
  2.     max: 50,
  3.     message: "The full name must be less than 50 characters"
  4. }

7.字符串大小写验证规则

</>复制代码 
  1. stringCase: {
  2.     message: "The card holder must be in uppercase",
  3.     "case": "upper"                //    Can be lower default or upper
  4. }

8.整数验证

</>复制代码 
  1. integer: {
  2.     message: "The value is not an integer"
  3. }

9.远程请求

</>复制代码 
  1. remote: {
  2.     message: "The username is not available",
  3.     url: "/path/to/backend/"
  4. }

10.验证文件

</>复制代码 
  1. file: {
  2.     extension: "jpeg,png",
  3.     type: "image/jpeg,image/png",
  4.     maxSize: 2048 * 1024,
  5.     message: "The selected file is not valid"
  6. }

详情请参考http://bootstrapvalidator.vot...
里面有大量使用案例，后续我写的多了也会补充，现在只是暂时做一个记录，以后用一个在这里记一个

云服务器 GPU云服务器 validate表单验证 validate异步验证 validate自定义验证 验证规则

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

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

相关文章

  • Between validator常用验证规则

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

    KunMinX 评论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条评论

tianhang

男|高级讲师
我要私信

TA的文章

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