手机号码的正则校验el-inpit
时间: 2024-12-18 22:30:36 浏览: 3
Java输入输出(IO)和流的基本概念-Java教程共2页
在Vue.js的`v-model`配合Element UI的`el-input`组件中,如果你想进行手机号码的正则校验,可以使用自定义验证规则(`regex`属性)结合`v-bind:class`来实现。手机号码在中国通常采用的是11位数字,格式可能是13、14、15等开头的数字。下面是一个简单的例子:
```html
<template>
<el-form-item label="手机号">
<el-input v-model="phoneNumber" placeholder="请输入手机号"
:rules="{ required: true, pattern: /^1[3-9]\d{9}$/ }"></el-input>
</el-form-item>
</template>
<script>
export default {
data() {
return {
phoneNumber: '',
};
},
};
</script>
```
在这个例子中,`:rules`属性包含一个对象,其中`required: true`表示必填项,而`pattern: /^1[3-9]\d{9}$/`就是正则表达式,它匹配以1开头,第二位是3到9之间的数字,剩余九位都是数字的字符串。
阅读全文