Vue element 自定义表单验证（手机号校验）

element官网中没有手机号的验证？别慌，绝绝子来教你呀！

手机号验证效果如下：

代码如下：

<el-form-item label="手机号" prop="tel"><el-inputv-model="ruleForm.tel"placeholder="请输入手机号"οninput="value=value.replace(/[^\d]/g,'');if(value.length > 11)value = value.slice(0, 11)"></el-input></el-form-item>

ruleForm: {

tel: "", // 手机号

rules: {tel: [{ required: true, message: "手机号不能为空", trigger: "blur" },{ min: 11, message: "手机号格式不正确", trigger: "blur" }]
}

作者：微微一笑绝绝子

出处：https://www.cnblogs.com/wwyxjjz/p/15137394.html

本博客文章均为作者原创，转载请注明作者和原文链接。

Vue element 自定义表单验证（手机号校验）相关推荐

vue + element 自定义表单验证的时候需要通过请求后端接口验证
vue + element 自定义表单验证的时候需要通过请求后端接口验证做vue项目的时候遇到了一个需求,在验证某个表单项时不仅需要是必填项而且要去通过接口校验是否有重复值. // templat ...
Vue element 自定义表单验证(验证联系方式、邮箱、邮政编码)
<el-form:model="form":rules="rules"ref="formRef"style="max-wid ...
element自定义表单验证上传身份证正反面的实现
效果图 <template> <div> <el-form :model="personalForm" :rules=&quo ...
关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题
方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...
vue+element ui表单校验（邮箱、电话、工商信息）
vue+element ui表单校验(邮箱.电话.工商信息)) Html部分 <template><div><el-steps :active="active& ...
antd vue表单验证_antd-for-vue 表单验证失效自定义表单验证使表单非空验证失效（其他验证失效）...
## antd-for-vue 表单验证失效自定义表单验证使表单非空验证失效(其他验证失效) ##### antd 的表单校验方法包括 validateFields 和 validateField ...
Django 表单验证之自定义表单验证器
本文基于Django 表单验证一文,补充完善表单验证器之自定义表单验证器具体步骤总结如下: 第一:在formValidation.py 文件中,添加自定义名称敏感验证器(NameValidatio ...
记录element-ui自定义表单验证上传身份证正反面
大概是这个样式两个上传组件写在一个form-item里进行自定义表单验证每次验证,通过判断上传组件绑定的值进行判断,callback不同的提示错误 <template><div& ...
iview自定义表单验证
@[TOC] iview自定义表单验证之前总结过iview简单表单验证: https://blog.csdn.net/A_LL_IS_WELL/article/details/111227468ht ...

Vue element 自定义表单验证（手机号校验）

Vue element 自定义表单验证（手机号校验）相关推荐

最新文章

热门文章

Vue element 自定义表单验证（手机号校验 ）

Vue element 自定义表单验证（手机号校验 ）相关推荐

最新文章

热门文章

Vue element 自定义表单验证（手机号校验）

Vue element 自定义表单验证（手机号校验）相关推荐