ElementUI 的 form 表单校验

devtools/2024/12/29 17:22:29/

文章目录

    • 需求
    • 分析

需求

在这里插入图片描述

分析

javascript"><el-form:model="form"status-icon:rules="rules"ref="formRef"label-width="150px"class="customForm"size="small"><el-form-itemlabel="姓名:"prop="name"><el-inputv-model.trim="form.name"autocomplete="off"></el-input></el-form-item><el-form-itemlabel="手机号:"prop="phone"><el-inputv-model.trim="form.phone"autocomplete="off"></el-input></el-form-item><el-form-itemlabel="邮箱:"prop="email"><el-inputv-model.trim="form.email"autocomplete="off"></el-input></el-form-item><!-- <el-form-itemlabel="是否启用:"prop="enable"><el-switch v-model="form.enable"></el-switch></el-form-item> --></el-form>
javascript">data(){form: {structId: this.$store.state.struct.structId,"id": '',"name": "","email": "","phone": "",// "enable": true,},rules: {name: [{ required: true, message: "不能为空", trigger: "change" },],phone: [{pattern:/^((1[3,5,8][0-9])|(14[5,7])|(17[0,5,6,7,8])|(19[7]))\d{8}$/,message: "请检查手机号格式是否正确",trigger: "blur",},],email: [{pattern: /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/,message: "请检查邮箱格式是否正确",trigger: "blur",},],},
}

http://www.ppmy.cn/devtools/145957.html

相关文章

Kibana安装教程——Linux

Kibana安装教程——Linux 一、安装 下载安装包&#xff1a; 官网下载地址&#xff1a;https://www.elastic.co/cn/downloads/kibana 上传包到linux 切换到安装目录下 解压&#xff1a;tar -zxvf kibana-7.17.1-linux-x86_64.tar.gz 重命名安装文件夹 mv kibana-7.17.1-linux-x…

云原生周刊:利用 eBPF 增强 K8s

开源项目推荐 Slurm-operator Slurm-operator 是一个高效可扩展的框架&#xff0c;用于在 K8s 环境中部署和运行 Slurm 工作负载。 它结合了 Slurm 的可靠性和 Kubernetes 的灵活性&#xff0c;支持快速部署 Slurm 集群、动态扩展 HPC 工作负载&#xff0c;并提供高度灵活的定…

【每日学点鸿蒙知识】长时任务、profiler allocation、事件订阅、getTagInfo、NativeWindow

1、HarmonyOS长时任务报错&#xff1f; 按照官方文档开启长时任务&#xff1a; startContinuousTask() {let wantAgentInfo: wantAgent.WantAgentInfo {// 点击通知后&#xff0c;将要执行的动作列表// 添加需要被拉起应用的bundleName和abilityNamewants: [{bundleName: &q…

[工具]GitHub Copilot 直接提供免费额度了

有福了&#xff01; GitHub Copilot 直接提供免费额度——每个月享 2000个代码提示完成额度&#xff08;每个工作日大约80个&#xff09;&#xff0c;以及 50个聊天请求。后台是访问 GPT-4o 和 Claude 3.5 Sonnet 模型。 插件支持VS Code、VS 2022、JetBrains、... 这下 Curs…

AI新书推荐:深度学习和大模型原理与实践(清华社)

本书简介 在这个信息爆炸、技术革新日新月异的时代&#xff0c;深度学习作为人工智能领域的重要分支&#xff0c;正引领着新一轮的技术革命。《深度学习和大模型原理与实践》一书&#xff0c;旨在为读者提供深度学习及其大模型技术的全面知识和实践应用的指南。 本书特色在于…

arcgis server ip修改后服务异常解决方案

1、停止arcgisserver ./home/geoscene/geoscene/server/stopserver.sh 2、修改数据库注册文件 a、进入目录&#xff1a;/home/geoscene/geoscene/server/usr/config-store/data/enterpriseDatabases/sde b、修改文件dataItem.json&#xff1a;将所有IP修改为最新IP 3…

【Java 学习】详细讲解---包和导包、Scanner类、输入源

1. 包 1.1 什么是包&#xff1f; 举个例子&#xff0c;你和你的同学有不同的家庭&#xff0c;你们都有自己的爸爸妈妈&#xff0c;都有自己的家。在自己的家中你们可以按照自己爱好摆放东西&#xff0c;都互不干扰。但是&#xff0c;假如你们的家都在一起&#xff0c;你们就不…

CTF入门:以Billu_b0x漏洞掌握单主机渗透常规思路

靶机&#xff1a;192.168.12.30 使用nmap工具对目标机器进行端口扫描口搜集&#xff1a;nmap -p 1-65535 -A 192.168.12.30 进入web首页&#xff1a;发现用户名口令输入框&#xff0c;并提示“Show me your SQLI skills” 用户名输入&#xff1a;admin or aa–&#xff0c;密码…