ip的正则表达式如何在el-input上用,求大家帮忙,谢谢
可以使用element-ui的validator属性来验证输入的IP地址是否符合正则表达式。例如:
<el-input v-model="ip" :validator="validateIP">
</el-input>
validateIP(rule, value, callback) {
const ipReg = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
if (ipReg.test(value)) {
callback();
} else {
callback(new Error('请输入正确的IP地址'));
}
}
纯的 el-input 的话 你还得 加个change事件 在里面 用正则 验证 。然后 把 提示放到 input 旁边 可以用个span 。
如果用 form 加 el-input那直接加个rule 规则就行 具体看文档就行
https://element.eleme.io/#/zh-CN/component/form#biao-dan-yan-zheng