как показать сообщения проверки при отправке формы в угловых js

Без какого-либо кода или прецедента, который следует использовать, я просто покажу вам общий способ проверки ввода. В качестве примера я собираюсь использовать функцию регистрации.

Создайте сервис/фабрику, которая проведет проверку и вернет обещание, если проверка не удастся, она reject обещание. Если нет, он resolve это.

Важное примечание: обещание может быть разрешено только однажды (либо выполнено, либо отклонено), что означает, что первое объявление resolve или reject всегда будет "побеждать", а это означает, что вы не можете переопределить какое-либо resolve или reject. Таким образом, в этом примере, если поле пустое, а электронная почта пользователя не определена, сообщение об ошибке будет All fields must be filled in а не Invalid email format.

auth.factory('validation', ['$q', function($q) {
  return {
    validateSignup: function(newUser) {

      var q = $q.defer();

      for (var info in newUser) {
        if (newUser[info] === '') {
          q.reject('All fields must be filled in');
        }
      }

      if (newUser.email === undefined) {
        q.reject('Invalid email format');
      }
      else if (newUser.password.length < 8) {
        q.reject('The password is too short');
      }
      else if (newUser.password != newUser.confirmedPass) {
        q.reject('The passwords do not match');
      }

      q.resolve(true);

      return q.promise;
    }
  }
}]);

И затем вводите это в свой контроллер

auth.controller('AuthCtrl', ['$scope', '$location', 'validation', function($scope, $location, validation) {

  $scope.status = {
    message: ''
  }

    // Make sure nothing is undefined or validation will throw error
    $scope.newUser = {
      email: '',
      password: '',
      confirmedPass: ''
    }

    $scope.register = function() {

      // Validation message will be set to status.message
      // This will also clear the message for each request
      $scope.status = {
        message: ''
      }

      validation.validateSignup($scope.newUser)
        .catch(function(err) {

          // The validation didn't go through,
          // display the error to the user
          $scope.status.message = err;
        })
        .then(function(status) {

          // If validation goes through
          if (status === true) {

            // Do something
          }
      });
    }

И в HTML вы можете иметь что-то вроде этого:

<form>
  <div>
    <label for="email">Email:</label>
    <input type="email" id="email" ng-model="newUser.email">
  </div>
  <div>
    <label for="password">Password:</label>
    <input type="password" id="confirm-pass" ng-model="newUser.password">
  </div>
  <div>
    <label for="confirm-pass">Confirm password:</label>
    <input type="password" id="confirm-pass" ng-model="newUser.confirmedPass">
  </div>
  <div>
    <div>
      <span ng-bind="status.message"></span>
    </div>
  </div>
  <div>
    <button ng-click="register(newUser)">Register</button>
  </div>
</form>

Вы можете использовать этот пример и изменить его для своего варианта использования.