使用this.$prompt弹窗判断手机号码数量验证

最新推荐文章于 2024-06-24 17:24:08 发布

Zan^Z

最新推荐文章于 2024-06-24 17:24:08 发布

阅读量1.9k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/Zan_Z/article/details/109332177

版权

前端专栏收录该内容

26 篇文章 0 订阅

订阅专栏

本文介绍如何在Vue.js应用中使用`this.$prompt`弹窗进行手机号码数量验证，强调11位数的正确性，不依赖input框实现。

摘要由CSDN通过智能技术生成

在这里插入图片描述
因为手机号码再更新，所以最好的验证办法就是为11位时，不提示格式错误，并且没有使用input框写，所以刚开始有点不知所措。

this.$prompt('请输入手机号码或座机号', '客服电话', {
	confirmButtonText: '确定',
    cancelButtonText: '取消',
    inputValidator: (val) => {
    	if (val === null) {
        	return true;
        }
        return !(val.length > 11 || val.length < 11)
   },
   inputErrorMessage: '格式不正确'
   }).then(function (action) {
      console.log(action);
   }).catch(function (cancel) {
      console.log(cancel);
   })