vue+elementui判断输入框输入是否符合电话号码的长度
时间: 2023-07-08 16:28:13 浏览: 103
vue.js+ElementUI实现进度条提示密码强度效果
您可以通过监听输入框的值,然后使用正则表达式判断输入是否符合电话号码的长度。以下是一个例子:
```html
<template>
<el-input v-model="phone" placeholder="请输入电话号码"></el-input>
</template>
<script>
export default {
data() {
return {
phone: ""
};
},
watch: {
phone(val) {
// 匹配电话号码的正则表达式
const reg = /^1[3456789]\d{9}$/;
if (reg.test(val)) {
console.log("符合电话号码长度");
} else {
console.log("不符合电话号码长度");
}
}
}
};
</script>
```
在 `watch` 中监听 `phone` 的值,然后使用正则表达式 `^1[3456789]\d{9}$` 判断输入的值是否符合电话号码的长度要求(11位数字,以1开头)。如果符合,输出“符合电话号码长度”,否则输出“不符合电话号码长度”。
阅读全文