首页 > 其他分享 >【element-ui】element ui from表单手机号座机号验证

【element-ui】element ui from表单手机号座机号验证

时间:2023-04-13 20:36:40浏览次数:34  
标签:11 手机号 3456789 表单 ui message element 输入

//手机号验证
rules:{
	phone: [
    	{ required: true, min: 11, max: 11, message: "请输入11位手机号码", trigger: "blur" },
          {
            pattern: /^1[3456789]\d{9}$/,
            message: "请输入正确的手机号码"
          }
    ]
}

//座机号 + 手机号验证
rules:{
	companyPhone:[
    	{ required: true, min: 11, max: 12, message: "请输入正确号码", trigger: "blur" },
          {
            pattern: /^((0\d{2,3}-\d{7,8})|(1[3456789]\d{9}))$/,
            message: "请输入正确的号码"
          }
    ]
}

标签:11,手机号,3456789,表单,ui,message,element,输入
From: https://blog.51cto.com/u_15978456/6188342

相关文章

  • Element Plus Tree 树 回显
     <el-form-itemlabel="菜单权限">       <el-tree:data="navList"ref="treeRef"  node-key="menuId"highlight-current=“true”:props="defaultProps" @check="checked" show-checkboxcl......
  • HDU 2604 Queuing(矩阵快速幂)
    题目地址:HDU2604这题只要推出公式来,构造矩阵就很容易了,问题是推不出公式来。。TAT。。从递推的思路考虑,用f(n)表示n个人满足条件的结果,如果最后一个是m则前n-1人可以任意排列,有f(n-1)种;如果是f,则考虑后两位mf和ff,没有一定满足或者一定不满足的状态,所以继续考虑一位,考虑后三位......
  • 在Django+Vue3+GraphQL的Blog例子代码中引入Element-Plus UI Framework
    Vue3的UIFramework中有Element-Plus、BalmUI、Quasar、PrimeVue、AntDesignVue等UIFramework.Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较多,就选择了Element-Plus作为这个Blog项目的UIFramework.UIFramework的好处就是提供了......
  • html 点击文本自动聚焦到表单域中
    点击文本自动聚焦到表单域中利用label标签中for属性与input标签进行绑定for的值一定要与input标签中id的值相同<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title>点击文本,自动聚焦到对应的表单中</title> </head> <body> <ul> <li&g......
  • 使用vue ui命令创建vue项目
    使用vueui创建项目时的几个选项1、什么是vueuivue3相比vue2多了一个创建项目的方式,那就是使用vueui的命令方式创建项目。vueui的实质就是使用vue官方图形化项目管理工具2、如何使用vueui创建vue项目或者直接选择第二个使用vue3的默认选项,我在这里介绍手动配置2.1......
  • django 1.8 官方文档翻译: 3-4-3 使用基于类的视图处理表单
    使用基于类的视图处理表单表单的处理通常有3个步骤:初始的的GET(空白或预填充的表单)带有非法数据的POST(通常重新显示表单和错误信息)带有合法数据的POST(处理数据并重定向)你自己实现这些功能经常导致许多重复的样本代码(参见在视图中使用表单)。为了避免这点,Django提供一系列的通用的......
  • 批量上传GPT知识库,前端elementui的upload上传组件,后端Golang的上传接口实现
    为了实现批量上传GPT的知识库并且功能,那么这个上传组件就必不可少,需要能把文档上传到服务器中。前端部分,我是采用的cdn引入的形式,引入的elmentui。该框架是有上传组件的,可以参考我的用法:action部分就是上传接口,其他三个是上传之前的处理,上传成功和失败后的回调函数......
  • Guide to Regen on VW Passat TDI with Launch x-431 Pro5
    LaunchX-431PRO5openstheeraofinnovativedualdiagnosticmodes(localdiagnosisandSmartLinkremotediagnosis).ItinheritsthepowerfuldiagnosticstrengthofPROseriesandcomeswithmultipleadvantages,suchaswidevehiclemodelcoverage,numer......
  • Microsoft Visual C++ 14.0 or greater is required. Get it with "Microsoft C++ Bui
    https://zhuanlan.zhihu.com/p/471661231下载软件链接:https://pan.baidu.com/s/12hhCEKnjr2Qq-H3sHuQiXQ?pwd=6g0v提取码:6g0v安装退出虚拟环境,重新进入pip安装对应包......
  • Spring Quickstart Guide同步构建测试
    进行了前置的配置后,打开IDEA,进行环境构建,第一次运行结果 把JDK更换为17版本后同步成功   输出结果  浏览器运行结果 ......