javascript - AngularJs 使用 Ajax 验证依赖字段

Question

我的问题类似于 Form Validation with Dependent Fields in AngularJS但是验证必须在服务器端使用 Ajax 完成。

我有两个字段城市和邮政编码，并且希望使用后端服务来判断这两个字段是否匹配。
后台服务已经实现。所以现在我正在尝试将服务与 Angular 集成。

有什么建议吗？

Answer 1

看看ui-validate来自 Angular-UI。您可以将 ui-validate 与返回 Promise 的函数调用一起使用

所以你的html将是

      <input type="text" ng-model="city" ui-validate=" 'doMatch($value, postal)' ">
      <input type="text" ng-model="postal" ui-validate=" 'doMatch(city, $value)' ">

js 应该是

$scope.doMatch = function(c, p) {
     return $http.post("/api/validateCityPostal", {postal: p, city : c});
}

请注意，上面的函数返回一个 promise 。并且从服务器您应该返回成功/失败以在 ui-validate 上获得 $valid 或 $invalid。