相关需求: 一个输入框 只能输入 手机号码
这里 我多做了 一个 操作,输入框只能输入 数字,采用 @input 方法
html:
<el-input placeholder="请输入手机号"
v-model="mobile"
class="mobile-input"
maxlength="11"
@input="checkMobile"></el-input>
js:
// 输入值验证
checkMobile() {
this.mobile = this.mobile.replace(/[^\d]/g, '')
}
还有手机号验证
// 验证手机
validateMobile(mobile) {
return /1(3|4|5|6|7|8|9)\d{9}/.test(mobile)
},
// 获取列表数据
getData() {
if (!this.validateMobile(this.mobile)) {
this.isSearch = false
this.$message.error('请输入正确的手机号')
return
}
}
网友评论