服务器端验证表单Angular.js

问题描述

对于我的作品像预期的那样形式的默认验证。但是，当在一个有效的电子邮件地址的用户类型和三个最小字符的密码，这并不意味着登录凭据是有效的。

The default-validation for the form I have works as expected. But when a user types in a valid email address and a password of three characters minimum, that doesn't mean the login credentials are valid.

所以我的问题是我怎么能设置模式的电子邮件的'和'的密码的'无效的服务器端验证之后，这样输入字段获得类NG-无效，而不是NG-有效。

So my question is how can I set the model 'email' and 'password' to invalid after server-side validation, so the input-fields get the class ng-invalid instead of ng-valid.

我目前的code：

function IndexCtrl( $scope, $http )
{
  $scope.form = {};
  $scope.submitLogin = function ()
  {
    $http.post( '/api/auth/login', $scope.form ).success( function( data )
    {
      if ( !data.success )
      {
        $scope.form.errors = [ data ];

        // here I also want to mark the models 'email' and 'password' as invalid, so they both get the class 'ng-invalid'
      }
      else
      {
        $location.path( '/' );
      }
    });
  };
}

任何帮助是值得欢迎的，真正AP preciated。在此先感谢！

Any help is welcome and really appreciated. Thanks in advance!

推荐答案

给出了正确的答案。 $ setValidity 是从 NgModelController 的方法和有两个参数： validationErrorKey 和的isValid 。

Tosh shimayama gave the right answer. $setValidity is a method from the NgModelController and takes two parameters: validationErrorKey and isValid.

更多关于 $ setValidity

改变的有效性的状态，并通知形式时，控制
  变化有效性。 （即，如果给验证是不通知的形式
  已标记为无效）。

出处和其他信息

这篇关于服务器端验证表单Angular.js的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！