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;
}
})
}
},