elementui 表单验证IPv4地址或子网?

Question

el-input 可以接收这样的值:
1 合法的IPv4地址
2 合法的IPv4/8-32

Answer 1

用elementUI自定义校验规则方法：
form表单自定义校验

直接用正则匹配IPV4规则

• 可以用ip-regex

   ipRegex.v4()

• 直接写正则：
  async-validator

  const v4 =
    '(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}'

Answer 2

ip-v4[:端口] 的正则

/^((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.){3}(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])(?::(?:[0-9]|[1-9][0-9]{1,3}|[1-5][0-9]{4}|6[0-4][0-9]{3}|65[0-4][0-9]{2}|655[0-2][0-9]|6553[0-5]))?$/

function test(str=""){
    const REG_EXP = /^((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.){3}(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])(?::(?:[0-9]|[1-9][0-9]{1,3}|[1-5][0-9]{4}|6[0-4][0-9]{3}|65[0-4][0-9]{2}|655[0-2][0-9]|6553[0-5]))?$/
    return REG_EXP.test(str)
}
test("127.0.0.1")
// true

test("127.0.0.1:8080")
// true

大部分常用的正则都可以在这里找到的，你可以看看