h5移动端 手机号校验

496 阅读1分钟
<input type="tel" placeholder="请输入手机号" maxlength="11" v-model="phonenumber">
<img src="/img/elastic/determine.png" alt="" @click="determine">

determine(){
    let re = /^1[3-9]\d{9}$/
    // 正则,验证手机号输入是否正确
    let show = re.test(this.phonenumber)
    // 若正确返回true,反之false
    this.isShow = show
    // isShow获取之后返回到v-if进行判断是消失还是出现
    if (this.isShow) {
      //正确就进入其他弹框
      this.getreward = false
      this.getreward_end = true
      // 一定要进行判断,只有返回的是true才证明输入电话号码正确
    }else{
      this.$toast('请正确输入手机号')
    }
  },
  
  

image.png

正确输入进入另一个弹框

image.png