input验证、提示

1、标签如下

                  <div class="form_content_item form_content_item_dri">
                    <input type="tel" placeholder="手机号" name="mobile" class="form_content_item_input" v-model="phone" @blur="phoneUsed">
                    <span class="error_tip" v-show="phoneError">{{phoneErrorText}}</span>
                  </div>

data:{
      phone: "", //手机号
      phoneError: false, //手机号错误提示
      phoneErrorText: "", //手机号为空提示文字
}

    //验证手机号是否被注册
    phoneUsed() {
      if (!this.phone) {
        this.phoneError = true;
        this.phoneErrorText = "手机号不能为空";
        return false;
      } else if (!/^1[345678]\d{9}$/.test(this.phone)) {
        this.phoneError = true;
        this.phoneErrorText = "手机号码格式错误";
        return false;
      } else {
        // let phone = this.phone;
        this.mobileUsed(this.phone).then(res => {  //调用一个接口查看改手机号是否别用过
          if (res) {
            this.phoneError = true;
            this.phoneErrorText = "该手机号已被注册，请更换其他手机号";
            return false;
          } else {
            this.phoneError = false;
            return true;
          }
        })
      }
    },