el-input校验身份证号码
时间: 2023-11-06 22:54:49 浏览: 109
用Excel校验身份证号码的方法.docx
可以通过正则表达式进行校验,以下是一个示例代码:
```html
<template>
<el-input v-model="idNumber" placeholder="请输入身份证号码" :class="{ 'is-invalid': isInvalid }"></el-input>
</template>
<script>
export default {
data() {
return {
idNumber: '',
isInvalid: false
}
},
watch: {
idNumber() {
const reg = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/;
if (!reg.test(this.idNumber)) {
this.isInvalid = true;
} else {
this.isInvalid = false;
}
}
}
}
</script>
<style scoped>
.is-invalid {
border-color: red;
}
</style>
```
这段代码中,我们使用了 `watch` 监听 `idNumber` 的变化,并通过正则表达式进行校验。如果不符合身份证号码格式,则给 input 添加一个红色边框。
阅读全文