vue 表单验证

vue 表单验证1 6 位小写字母和数字必须包含两个字母 rules required true message XXX 不能为空 trigger blur max 6 message 最大长度为 6 位字符 trigger blur pattern a z a z 2 a z0 9 6 6 不连续的两位字母

1、6位小写字母和数字必须包含两个字母

rules: [ { required: true, message: "XXX不能为空", trigger: "blur" }, { max: 6, message: "最大长度为6位字符", trigger: "blur" }, { pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母 // /^(?=.*[a-z]{2})[a-z0-9]{6}$/,//连续的两位字母 message: "支持6位小写字母和数字组合,必须包含2位字母", trigger: ["blur"] } ]

2、手机号校验

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

3、只能输入字母和数字

password: [ { required: true, message: '请输入密码', trigger: 'blur' }, { pattern: /^[0-9a-zA-Z]*$/g, message: '只能输入字母和数字', trigger: 'blur' }, { min: 1, max: 20, message: '长度在 1 到 20 个字符', trigger: 'blur' } ],

4、只能输入大小字母和数字且必须是字母开头

userName: [ { required: true, message: '请输入用户名', trigger: 'blur' }, { // pattern: /^[0-9a-zA-Z]*$/g, //只能输入字母和数字 pattern: /^(?=(?:[^a-z]*[A-z]){1})[0-9a-zA-Z]*$/g, message: '只能输入大小字母和数字且必须是字母开头', trigger: 'blur' }, { min: 1, max: 20, message: '必须输入1到20位', trigger: 'blur' } ]

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/216177.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 下午12:22
下一篇 2026年3月18日 下午12:23


相关推荐

  • sql连接查询和嵌套查询_sql子查询和连接查询

    sql连接查询和嵌套查询_sql子查询和连接查询subject表:grade表:sql语句:结果:自连接:查询父子信息,把一张表看成两张一样的表现在有一张包含子父关系的,名为category的数据表:我们把这一张表拆分成两张表:执行sql语句:结果:…

    2022年8月10日
    11
  • 如何用python做图像处理_python判断窗口是否存在

    如何用python做图像处理_python判断窗口是否存在质量、速度、廉价,选择其中两个提到图像处理第一个想到的库就是PIL,全称PythonImagingLibraryPython,图像处理类库,它提供了大量的图像操作,比如图像缩放,裁剪,贴图,模糊等等,很多时候它需要配合numpy库一起使用1.open()你可以使用Image.open打开一个图像文件,它会返回PIL图像对象image=Image.open(image…

    2022年10月14日
    5
  • 什么是xinetd

    什么是xinetd1 什么是 xinetdxinetd 即 extendedinte xinetd 是新一代的网络守护进程服务程序 又叫超级 Internet 服务器 经常用来管理多种轻量级 Internet 服务 xinetd 提供类似于 inetd tcp wrapper 的功能 但是更加强大和安全 2 nbsp nbsp xinetd 的特色 1 nbsp 强大的存取控制功能 nbsp 内置对恶意用户和善意用户的差别待遇设

    2026年3月19日
    3
  • 2021Eclipse最新下载与安装教程

    2021Eclipse最新下载与安装教程2021Eclipse下载与安装教程具体步骤如下:1.下载Eclipse软件下载可以在Eclipse官方下载,也可以在国内镜像地址下载。由于Eclipse官方地址服务器在国外,下载速度比较慢,国内镜像地址下载速度会快很多。1.1官方下载官方下载地址:https://www.eclipse.org/downloads/packages/release.访问官方下载地址。如下所示:在这里插入图片描述点击要下载的版本,以2018-09为例,进入下面窗口,选择Rpackages在这里插入图

    2022年6月3日
    39
  • directx修复工具强力修复_dll修复工具增强版

    directx修复工具强力修复_dll修复工具增强版说明:   此更新包仅限于升级已有的程序至最新版(如从V1.0版、V1.1版、以及V1.2标准版升级到V1.2增强版),如果您之前没有使用过DirectX修复工具,请勿使用本更新包,请直接从官方地址下载完整的程序包。 下载地址:http://download.csdn.net/detail/vbcom/4050752 请按照压缩包内的“更新说明.txt”文件进行更新即可。

    2022年5月3日
    56
  • Tomcat部署war包失败

    Tomcat部署war包失败1 问题在 Tomcat 管理页上传 WAR 包时 上传失败并跳转到如下页面 此时打开 Tomcat 安装目录下的 logs manager 2021 09 25 log 文件 信息如下 从日志中得知 是因为我部署的 war 包太大了 有 90 多 M 而 Tomcat 默认允许上传的 war 包的最大为 50M 2 解决修改 Tomcat 部署 war 时默认的最大限制即可 打开 Tomcat 安装目录下的 webapps manager WEB INF web xml 文件 对其进行修改 如下 修改后重启服务器

    2026年3月17日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号