当前位置: 首页 > news >正文

Vue 字段验证 八

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

验证手机号码不能为空和11位数,然后发送短信

 

export default {
  name: 'Login',
  data () {
    return {
      ruleForm: {
        mobile: '',
        code: '',
        name: ''
      },
      rules: {
        mobile: [
          { required: true, message: '请输入手机号码', trigger: 'blur' },
          { len: 11, message: '手机号码为11位数', trigger: 'blur' }
        ],
        code: [
          { required: true, message: '请输入验证码', trigger: 'change' },
          { len: 6, message: '验证码为6位数数字', trigger: 'blur' }
        ]
      }
    }
  },
  methods: {
    validMobile () {
      this.$refs.ruleForm.validateField('mobile', (valid) => {
        if (!valid) {
          this.sms()
        }
      })
    },
    sms () {

    }

  }
}

 

转载于:https://my.oschina.net/u/554046/blog/2221461

相关文章:

  • 批量ping 检测linux主机是否可以通
  • find详细参数
  • PostgreSQL 10.1 手册_部分 III. 服务器管理_第 18 章 服务器设置和操作_18.9. 用 SSL 进行安全的 TCP/IP 连接...
  • PostgreSQL 10.1 手册_部分 III. 服务器管理_第 23 章 本地化_23.2. 排序规则支持
  • 最近关于虚拟机的学习
  • Linux的systemd特性及gawk使用
  • 新东方雅思词汇---7.3、dioxide
  • 阿里云最新一代GPU云主机GN6(V100机型)正式售卖
  • 还原一个 Windows 10 Metro 布局
  • 记一次内存爆涨分析 , JVM命令使用
  • spring异常
  • 红包生成的模拟器2018今日头条秋招
  • 使用Shiro实现权限验证
  • js 终止 forEach 循环
  • element-ui 的 table后端排序
  • 9月CHINA-PUB-OPENDAY技术沙龙——IPHONE
  • 【EOS】Cleos基础
  • 77. Combinations
  • django开发-定时任务的使用
  • leetcode98. Validate Binary Search Tree
  • magento2项目上线注意事项
  • OSS Web直传 (文件图片)
  • unity如何实现一个固定宽度的orthagraphic相机
  • V4L2视频输入框架概述
  • Vue 动态创建 component
  • Web设计流程优化:网页效果图设计新思路
  • 给新手的新浪微博 SDK 集成教程【一】
  • 记一次删除Git记录中的大文件的过程
  • 目录与文件属性:编写ls
  • 前端性能优化--懒加载和预加载
  • 容器化应用: 在阿里云搭建多节点 Openshift 集群
  • 手机app有了短信验证码还有没必要有图片验证码?
  • 写代码的正确姿势
  • (c语言版)滑动窗口 给定一个字符串,只包含字母和数字,按要求找出字符串中的最长(连续)子串的长度
  • (待修改)PyG安装步骤
  • (附源码)ssm高校升本考试管理系统 毕业设计 201631
  • (附源码)ssm捐赠救助系统 毕业设计 060945
  • (十五)Flask覆写wsgi_app函数实现自定义中间件
  • (译)2019年前端性能优化清单 — 下篇
  • (原创)攻击方式学习之(4) - 拒绝服务(DOS/DDOS/DRDOS)
  • (转)C#开发微信门户及应用(1)--开始使用微信接口
  • (转)Scala的“=”符号简介
  • (转)关于多人操作数据的处理策略
  • (转贴)用VML开发工作流设计器 UCML.NET工作流管理系统
  • .net framework 4.0中如何 输出 form 的name属性。
  • .NET MVC 验证码
  • .Net 访问电子邮箱-LumiSoft.Net,好用
  • .NET开发不可不知、不可不用的辅助类(一)
  • .NET设计模式(2):单件模式(Singleton Pattern)
  • .NET中两种OCR方式对比
  • @Autowired 与@Resource的区别
  • @requestBody写与不写的情况
  • [ CTF ] WriteUp- 2022年第三届“网鼎杯”网络安全大赛(朱雀组)
  • [20170728]oracle保留字.txt
  • [2023-年度总结]凡是过往,皆为序章