ip的正则表达式在el-input上用

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