Javascript AngularJs使用Ajax验证依赖字段

Javascript AngularJs使用Ajax验证依赖字段,javascript,ajax,angularjs,validation,Javascript,Ajax,Angularjs,Validation,我的问题与此类似,但是验证必须在服务器端使用Ajax进行 我有两个字段城市和邮政编码,希望使用后端服务来判断这两个字段是否匹配。 后端服务已经实现。所以现在我尝试将服务与angular集成 有什么建议吗?有一个很好的例子。“自定义验证”部分有一个很好的例子。“自定义验证”部分有一个很好的例子。“自定义验证”部分有一个很好的例子。“自定义验证”部分介绍了异步验证程序。您可以添加一个函数,将承诺返回到ngModelController的数组中,它将根据承诺解析时使用的值设置模型的有效性 如果不能使用

我的问题与此类似,但是验证必须在服务器端使用Ajax进行

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


有什么建议吗?

有一个很好的例子。“自定义验证”部分有一个很好的例子。“自定义验证”部分有一个很好的例子。“自定义验证”部分有一个很好的例子。“自定义验证”部分介绍了异步验证程序。您可以添加一个函数,将承诺返回到ngModelController的数组中,它将根据承诺解析时使用的值设置模型的有效性

如果不能使用1.3,则可以在请求发生时始终将模型设置为无效,并在从服务器返回结果后将其设置为最终值


在这两种情况下,您链接到的答案中的自定义指令方法可能是您的最佳选择。

AngularJS 1.3引入了异步验证器。您可以添加一个函数,将承诺返回到ngModelController的数组中,它将根据承诺解析时使用的值设置模型的有效性

<form action="blablabla">
   <input type="text" ng-model="city">
   <input type="text" ng-model="postal">
</form>
如果不能使用1.3,则可以在请求发生时始终将模型设置为无效,并在从服务器返回结果后将其设置为最终值


在这两种情况下,您链接到的答案中的自定义指令方法可能是您的最佳选择。

AngularJS 1.3引入了异步验证器。您可以添加一个函数,将承诺返回到ngModelController的数组中,它将根据承诺解析时使用的值设置模型的有效性

<form action="blablabla">
   <input type="text" ng-model="city">
   <input type="text" ng-model="postal">
</form>
如果不能使用1.3,则可以在请求发生时始终将模型设置为无效,并在从服务器返回结果后将其设置为最终值


在这两种情况下,您链接到的答案中的自定义指令方法可能是您的最佳选择。

AngularJS 1.3引入了异步验证器。您可以添加一个函数,将承诺返回到ngModelController的数组中,它将根据承诺解析时使用的值设置模型的有效性

<form action="blablabla">
   <input type="text" ng-model="city">
   <input type="text" ng-model="postal">
</form>
如果不能使用1.3,则可以在请求发生时始终将模型设置为无效,并在从服务器返回结果后将其设置为最终值

在这两种情况下,您链接到的答案中的自定义指令方法可能是您的最佳选择

<form action="blablabla">
   <input type="text" ng-model="city">
   <input type="text" ng-model="postal">
</form>
验证服务返回承诺。因此,您可以在控制器中添加异步回调

验证服务返回承诺。因此,您可以在控制器中添加异步回调

验证服务返回承诺。因此,您可以在控制器中添加异步回调

验证服务返回承诺。因此,您可以在控制器中添加异步回调。

从angular ui查看。您可以将ui验证与返回承诺的函数调用一起使用

所以你的html是

      <input type="text" ng-model="city" ui-validate=" 'doMatch($value, postal)' ">
      <input type="text" ng-model="postal" ui-validate=" 'doMatch(city, $value)' ">
注意,上面的函数返回一个承诺。从服务器返回success/failure,在ui上验证$valid或$invalid。

从用户界面查看。您可以将ui验证与返回承诺的函数调用一起使用

所以你的html是

      <input type="text" ng-model="city" ui-validate=" 'doMatch($value, postal)' ">
      <input type="text" ng-model="postal" ui-validate=" 'doMatch(city, $value)' ">
注意,上面的函数返回一个承诺。从服务器返回success/failure,在ui上验证$valid或$invalid。

从用户界面查看。您可以将ui验证与返回承诺的函数调用一起使用

所以你的html是

      <input type="text" ng-model="city" ui-validate=" 'doMatch($value, postal)' ">
      <input type="text" ng-model="postal" ui-validate=" 'doMatch(city, $value)' ">
注意,上面的函数返回一个承诺。从服务器返回success/failure,在ui上验证$valid或$invalid。

从用户界面查看。您可以将ui验证与返回承诺的函数调用一起使用

所以你的html是

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

注意,上面的函数返回一个承诺。从服务器返回success/failure,在用户界面上验证$valid或$invalid。

不幸的是,我必须在一个请求中提交这两个内容-邮政编码和城市幸运的是,我必须在一个请求中提交这两个内容-邮政编码和城市幸运的是,我必须在一个请求中同时提交邮政编码和城市名称。幸运的是,我必须使用1.2。我想这是我的出路我希望有更好的解决方案,但这已经足够好了;)不幸的是,我不得不使用1.2。我想这是我的出路我希望有更好的解决方案,但这已经足够好了;)不幸的是,我不得不使用1.2。我想这是我的出路我希望有更好的解决方案,但这已经足够好了;)不幸的是,我不得不使用1.2。我想这是我的出路我希望有更好的解决方案,但这已经足够好了;)这看起来真的很好这看起来真的很好这看起来真的很好这看起来真的很好这个例子不处理多个相关字段那个例子不处理多个相关字段那个例子不处理多个相关字段那个例子不处理多个相关字段