element中的this.$prompt事件如何做手机号码验证,下面编程教程网小编给大家简单介绍一下具体实现代码!
editPhone() {
this.$prompt('您确定要修改当前手机号码', '温馨提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputPattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
inputValidator: (val) => {
if (val === null) {
return true
}
return !(val.length > 11 || val.length < 11)
},
inputErrorMessage: '格式不正确'
}).then(({ value }) => {
this.rowCurr.patientPhone = value
}).catch(() => {
this.$message({
type: 'info',
message: '取消输入'
})
})
},
以上是编程学习网小编为您介绍的“this.$prompt如何做手机号码验证(判断手机号码是否正确)”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:this.$prompt如何做手机号码验证(判断手机号码是否正确)
基础教程推荐
猜你喜欢
- 利用css3做一个loading闪点加载中效果(附代码) 2024-12-14
- Ajax实现二级联动菜单 2023-02-23
- 谈谈Ajax原理实现过程 2022-10-17
- vue3面试题:v-if 和 v-for 的优先级哪个高? 2025-01-11
- flex属性中align-items和align-content有什么区别 2024-12-13
- javascript中onmouse事件在div中失效问题的解决方法 2023-12-28
- Vue中使用Ant框架在form表单中使用输入框或数字输入框且用v-decorator取当前值 2023-10-08
- js 弹出框只弹一次(二次修改之后的) 2024-03-08
- expression将JS、Css结合起来 2022-10-16
- CSS实现照片堆叠效果的实例代码 2023-12-20
