手机号输入框过滤非数字

最新推荐文章于 2021-05-13 10:51:32 发布

codezha

最新推荐文章于 2021-05-13 10:51:32 发布

阅读量401

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/codezha/article/details/105079963

版权

前端专栏收录该内容

63 篇文章 0 订阅

订阅专栏

添加手机号输入框，绑定事件

<input type="number" placeholder="请输入手机号" v-model="mobile" @keyup="filterTel" @blur="blurTel"/>

添加输入、失焦事件，过滤非法字符

methods中添加以下方法

//输入事件
filterTel: function () {
   this.mobile = this.mobile.replace(/[^\d]/g, '')
}
//失焦事件
blurTel: function () {
   this.filterTel();
   let regPhone = new RegExp(/^1(3|4|5|6|7|8|9)\d{9}$/)
   if(!regPhone.test(this.mobile)){
      console.log('请正确输入手机号')
   }
}