el-form表单ip及端口号验证

export default {
  data(){
    let validateIp = (rule, value, callback) => {
      if (value == '') {
        return callback(new Error('请输入IP地址'));
      } else {
        let exp = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
        if (!exp.test(value)) {
          callback(new Error('请输入合法的ip'));
        } else {
          callback();
        }
        callback();
      }
    };
    let validatePort = (rule, value, callback) => {
      let reg = /^(([0-9]|[1-9]\d{1,3}|[1-5]\d{4}|6[0-5]{2}[0-3][0-5]))$/;
      if (value == '') {
        callback(new Error('请输入端口号'));
      } else if (reg.test(value) == false) {
        callback(new Error('请输入合法的端口号'));
      } else {
        callback();
      }
    };
    return{
      rules:{
        ip:[{ required: true, validator: validateIp, trigger: 'blur' }],
        port:[{ required: true, validator: validatePort, trigger: 'blur' }],
      }
    }
  }
}