Проверка формы AngularJs не работает

0

Я новичок в угловых js, работая над проверкой формы. Я сделал все, но все еще валидация не работает. Вот мой код:

<form role="form" name="studentForm" class="form-horizontal" novalidate>
    <div class="form-group">
        <label for="student_email" class="col-sm-2 control-label">Email</label>
        <div class="col-sm-10">
            <input type="email" name="student_email" ng-model="studentEmail" class="form-control" id="student_email" required>
            <div role="alert" class="error-msg" ng-messages="studentForm.student_email.$error">
                <p ng-message="required">Your email is required.</p>
            </div>
        </div>
    </div>
</form>

Автор сценария:

angular.module('app', ['ngMessages']);
  • 0
    Возможно ли для вас создать Plunkr для этого? Это поможет другим разобраться в проблеме и предложить решения.
  • 0
    Вы включили <script src = "angular-messages.js"> на свою страницу?
Показать ещё 3 комментария
Теги:

2 ответа

2

Вот рабочий демо для вашего кода.

 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.js"></script>
 <script src="script.js"></script>

Возможно, вы забыли добавить скрипты в свои html файлы. Также важна позиция скриптов в файле index.html. сообщение ng должно включаться только под угловым.min.js

Проверьте демоверсию

Поделиться
  • 0
    можно ли скрыть сообщение при загрузке? Я имею в виду, я хочу показывать всякий раз, когда мы касаемся этого поля.
  • 0
    Посмотрите на $ touch
0

https://docs.angularjs.org/guide/forms

Обратите внимание, что novalidate используется для отключения проверки собственной формы браузера.

попробуйте удалить novalidate из тега формы:

<form role="form" name="studentForm" class="form-horizontal">

Я надеюсь, что это помогает.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню