Блог

Главная - Вопросы по программированию - Пользовательская директива проверки электронной почты не отображает результат проверки

Пользовательская директива проверки электронной почты не отображает результат проверки

#javascript #angularjs #angularjs-directive

#javascript #angularjs #angularjs-директива

Вопрос:

Я пытаюсь проверить, существует ли электронное письмо в моей базе данных или нет.

JS

 var app = angular.module('emailValidApp', [])
app.directive('validateEmail', function($http) {
       return {
         restrict: 'A',
            scope: true,
            require: 'ngModel',
            link: function(scope, elem, attrs, ctrls) {
                var ngModel = ctrls;
                scope.$watch(attrs.ngModel, function(email) {
                    var url = 'http://xxxx:8081/xxxx/user/getemail?email=' email;

                       $http.get(url)
                       .then(function(data) {
                          if (data.email_valid) {
                               ngModel.$setValidity('validEmail', false);
                          } else {
                               ngModel.$setValidity('validEmail', true);
                          }
                        }, function(error) {
                             ngModel.$setValidity('validEmail', false);
                        });
                });
            }
        }
});
app.controller('SignUpController', function($scope) {

$scope.signMeup;
 });

View.jsp

 <form name="signupForm" ng-submit="signMeUp()">
<div>
<label>Email</label>
<input type="email" name="email_addr" ng-model="info.email" validate-email/>
<span ng-show="signupForm.email_addr.$validEmail">
<p>This email address already exists.</p>
</span>
</div>
<button type="submit" ng-disabled="signupForm.$invalid">Submit</button> 
</form>

Я могу видеть в своей консоли ответ о том, является ли электронное письмо действительным или нет, но не на мой взгляд.

Пожалуйста, помогите мне

Спасибо

Ответ №1:

Используйте <span ng-show="signupForm.email_addr.$invalid"> вместо <span ng-show="signupForm.email_addr.$validEmail"> . Это должно решить вашу проблему.

Комментарии:

1. Он отображается, но это только для проверки после того, как электронное письмо введено в соответствии с нормами с помощью @ etc. Поэтому, когда я ввожу электронное письмо, которое уже существует в моей базе данных, оно не отображается. Он отображается только тогда, когда я ввожу электронное письмо в неправильном формате.

Ответ №2:

Я обнаружил ошибку, просто изменив нижеприведенную часть в моем js [data.data]

 $http.get(url)
      .then(function(data) {
      console.log(data.data);
                           if (data.data) {
                               console.log("inside if : " ngModel.$setValidity('validEmail', false));
                               ngModel.$setValidity('validEmail', false);
                          } else {
                              console.log("inside else :"  ngModel.$setValidity('validEmail', true))
                               ngModel.$setValidity('validEmail', true);
                          }