1.直接验证,rules添加

phone: [{ required: true, message: "请输入手机号码", trigger: "blur" },{ pattern: /^1[3456789]\d{9}$/, message: "手机号码格式不正确", trigger: "blur" }],

2.自定义验证 在data下自定义一个验证函数(在return外面)

const validatePhone = (rule, value, callback) => {if (!value) {return callback(new Error('手机号不能为空'));} else if (!/^1[3456789]\d{9}$/.test(value)) {callback('手机号格式不正确');} else {callback();}   };  

然后在rules里引用

phone: [{ required: true,validator:validatePhone,trigger:'blur'}],

iview form表单验证手机号相关推荐

  1. Django(part46)--form表单验证

    学习笔记,仅供参考 文章目录 form表单验证 举个例子 form表单验证 form提供表单和字段验证,我们可以使用form.is_valid() 方法进行表单验证,若该方法返回值为True,则表示当 ...

  2. iview自定义表单验证

    @[TOC] iview自定义表单验证 之前总结过iview简单表单验证: https://blog.csdn.net/A_LL_IS_WELL/article/details/111227468ht ...

  3. vue 表单验证正则_vue elementui form表单验证的实现

    最近我们公司将前端框架由easyui 改为 vue+elementui .自学vue两周 就开始了爬坑之路.业余时间给大家分享一下心得,技术新手加上第一次分享(小激动),有什么不足的地方欢迎大家指正, ...

  4. iview 表单 验证_记录 iView 的表单验证

    iview表单验证必要设置 1. 给 Form 标签用 :model 绑定数据 2. 给 Form 标签里面必须添加 ref , 用于最后提交获取 Form 表单的实例 3. 给 Form 设置属性 ...

  5. 整理的16个有用的jQuery Form(表单)验证教程

    表单在每个网站开发者必不可少的组成部份,而最烦繁的也是表单验证部份,借助于jQuery一些现有成熟的插件,可以大大减少我们的开发工作量以及减少很多重复出现的问题 ,这篇文章将整理出非常好的16篇非常有 ...

  6. 框架生成的HTML修改,Django框架form表单验证 修改html标签的样式

    经过前面的学习,我们大致可以知道CharField.EmailField等等以Field结尾的方法,只能帮助我们对用户发来的信息做验证,不能生成html标签.字段本身自己虽然只做验证,但是我们可以通过 ...

  7. php form validator 下单,PHP Form表单验证:PHP form validator使_php

    在php网站开发建设中,用户注册.留言是必不可少的功能,用户提交的信息数据都是通过Form表单提交,为了保证数据的完整性.安全性,PHP Form表单验证是过滤数据的首要环节,PHP对表单提交数据的验 ...

  8. ant-pro使用Form表单验证上传图片出现的问题

    1.复现:用antd的Form表单验证上传图片必填项时出现问题:复现过程,先提交,提示图片需要上传,上传成功后,依旧提示:图片未上传 2.表单验证原理:先理解一下antd的Form表单验证的表层原理, ...

  9. django Form表单验证

    这一部分涉及到三个地方:前端表单设计,表单验证的Form类编写,解析函数Views编写: 文章目录 前端表单 表单验证的Form类编写 后端view函数 前端表单 新建一个form_test.html ...

  10. Django之Form表单验证组件Tyrion

    Tyrion是一个基于Python实现的支持多个WEB框架的Form表单验证组件,其完美的支持Tornado.Django.Flask.Bottle Web框架.Tyrion主要有两大重要动能: 表单 ...

最新文章

  1. 无监督学习多模态融合!腾讯优图联合厦门大学发布2021十大AI趋势
  2. hadoop集群时间同步
  3. python翻页_python实现电子书翻页小程序
  4. IntelliJ IDEA for Mac 在eclipse(MacOS)模式下的快捷键
  5. 惠普g260鼠标宏软件_黑爵电竞鼠标AJ337 电竞手残党福音 鼠标宏一键火力全开
  6. mysql和oracle区别总结(二)
  7. 调研了2000位CEO,67%的企业都在数字化转型,想做的无非这3点
  8. SpringBoot与Redis缓存
  9. maven:同一个项目内模块之间互相调用
  10. html文档是哪个版本,Pro010-从零开始HTML[#010]——5分钟-HTML 文档类型版本
  11. eclipse3.2 汉化 汉化包下载
  12. 程序员们,在你当领导前,有些事你得先知道
  13. 全网首发:JDK绘制文字:一、绘制流程
  14. spring boot 2使用Mybatis多表关联查询
  15. win10安装福昕pdf双击无反应或者不是打开而是打印(只能在福昕软件中打开)的解决方法
  16. rxbus 源码_关于RxBus实现方式的思考
  17. clustalw序列比对_序列比对之Clustalx与Clustalw使用指南
  18. Vonage与华尔街英语合作为其数字教室提供助力
  19. 计算机硬盘启动改u为盘启动不了,如果计算机BIOS启动项找不到硬盘应该怎么办...
  20. MySQL优化之hints

热门文章

  1. ScheduledExecutorService 实现定时任务及取消任务
  2. python求周长_计算任何三角形的周长[python 3]
  3. 自然语言理解(NLU)概念浅析
  4. keepAlive和activated
  5. Senparc.Weixin.MP SDK 微信公众平台开发教程(五):使用Senparc.Weixin.MP SDK
  6. HTML5 小组 北京站 沙龙
  7. 5G究竟如何改变我们的生活?三大特性和八大应用场景
  8. 深度学习之美(张玉宏)——第四章 人生苦短我用python
  9. Bart模型应用实例及解析(一)————基于波士顿房价数据集的回归模型
  10. AUTOSAR 基础知识简介