vue input手机号验证
vue监听input光标消失验证手机号是否合法,验证正则手机号11位以1开头<input v-model="phoneValue" @input="handleInput(1)"type="number"@blur="animate()" placeholder="请输入手机号" max="11" >js代码:<script>export default ...
·
vue监听input光标消失验证手机号是否合法,验证正则手机号11位以1开头
<input v-model="phoneValue" @input="handleInput(1)"type="number" @blur="animate()" placeholder="请输入手机号" max="11" >
js代码:
<script>
export default {
data(){
return{
phoneValue:""
}
}
methods:{
animate(){
var re = /^1\d{10}$/;
let str = this.phoneValue;
if(re.test(str)){
alert('成功')
}else {
alert('抱歉手机号不合法')
}
}
}
</script>
以上是我工作中一些功能总结和记录,欢迎大家一起交流
更多推荐
已为社区贡献1条内容
所有评论(0)