如何根据Angular Schema Form中另一个字段的值验证字段?

时间:2016-03-07 21:21:14

标签: json validation angular-schema-form

我有一个包含2个字段,邮政编码和国家/地区的表格。 我需要根据国家选择验证邮政编码,使用$ validators

这是ngController代码

$scope.schema = {
"type": "object",
"title": "my form",
"properties": {
  "postalCode": {
    "title": "Postal Code",
    "type": "string"
  },
  "countryCode": {
    "title": "Country",
    "type": "string",
    "enum": [
      "CA",
      "US"
    ]
  }
},
"required": [
  "countryCode"
]
};


  $scope.form = [{
  "key": "postalCode",
  $validators: {
        // I would like to pass countryCode as the argument but doesn't work because I don't have model in my closure
        postalCodeRegex: function (countryCodeValue) {
            if (angular.isString(countryCodeValue)) {                  
                var canada = "^(?!.*[DFIOQU])[A-VXY][0-9][A-Z]●?[0-9][A-Z][0-9]$";
                if (/canada/.test(countryCodeValue)) return true;
                else return false;
            }
            // if value is empty
            return true;
        }
    }
},
"countryCode", {
  "type": "submit",
  "style": "btn-info",
  "title": "OK"
}
];

还有另一种从$ validators逻辑访问模型或范围的方法吗?

plunker链接查看我的代码: http://plnkr.co/edit/DDbMiw?p=info

1 个答案:

答案 0 :(得分:0)

@houss您可以使用onChange将值组合成一个新值“US-90210”,保存在作为表单一部分添加的键上的隐藏字段中,然后使用覆盖两种格式的正则表达式验证该隐藏字段。或者,如果您可能需要多个国家/地区,那么我将使用可通过附加机制添加的指令。 Like the datepicker example but in the template add a component to do the heavy lifting