Проверка формы AngularJs для страницы редактирования

Question

Я использовал проверку формы ошибки на странице addnewstudent, как показано ниже, и она работает нормально.

  <td>
   <input limit-to="50" type="email" name="input" ng-model="Email" />
   <span style="display:none">{{ emailValid = !!myForm.$error.email}}</span>
   <span ng-class="customStyle.colorClass">
    {{EmailValidation }}
   </span>
  </td>

Тот же подход, который я использовал для моей страницы редактирования, как показано ниже, но я не смог получить boolзначение "!! myForm. $ error".

my Edit page

 <td>
  <input limit-to="50" type="text" ng-model="Student.email" />
  <span style="display:none">{{ emailValid = !!myForm.$error.Student.email}}
  </span>
    <span>
       {{EmailValidation }} 
   </span>
 </td>

My JS,

 $scope.save = function () {

    if ($scope.emailValid || $scope.Student.email=='') {
        $scope.EmailValidation = 'Not a valid email (ex: me@example.com)';
        return;
    }
    else {
        $scope.EmailValidation = '';
    }
.......
.......

Где я ошибся на своей странице редактирования

Answer 1

Для проверки ввода формы в angularjs должен быть атрибут name для этого ввода, а также форма.

angular.module('sampleApp', [])
  .controller('myCtrl', function($scope) {
    $scope.Student = {}
  })

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="sampleApp" ng-controller="myCtrl" >
  <form name="myForm" novalidate>
    <input limit-to="50" type="email" ng-model="Student.email" name="email" required/>
    <div ng-show="myForm.$submitted || myForm.email.$touched">
      <span ng-show="myForm.email.$error.required">Tell us your email.</span>
      <span ng-show="myForm.email.$error.email">This is not a valid email.</span>
    </div>
    <button>Submit</button>
  </form>
</div>

Приведенный выше код проверит наличие непустых действительных адресов электронной почты, что выполняется с помощью атрибутов required, type="email".