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

Question

ip的正则表达式如何在el-input上用，求大家帮忙，谢谢

Answer 1

可以使用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地址'));
  }
}