Сообщение об ошибке в HTML 5 не отображается

0

Я использую spring boot и angularjs для отображения сообщений об ошибках на моей странице html. Я использую HTML 5. Однако на моей странице ничего не отображается. И я действительно не знаю, почему. Я включил свой код ниже, чтобы вы могли посмотреть на него.

<form id="save" class="form-horizontal" role="form" ng-controller="addEmployee">
   <h4>Add a new employee</h4>
   <label for="fname">First Name:</label> <input type="text" name="fname" ng-model="fname" id="fname"/> 
   <div class="help-block" ng-messages="save.fname.$error" ng-show="save.fname.$touched">
      <div ng-messages="save.fname.$error" ng-show="save.fname.$touched">
         <div ng-message="required"> You forgot to enter your first name. </div>
      </div>
   </div>
</form>
  • 0
    Дайте вашей форме имя .... <form name = "save" id = "save" class = "form-горизонтальный" role = "form" ng-controller = "addEmployee">
Теги:
spring

2 ответа

1

Вы забыли добавить требуемый

попробуй вот так

 <input type="text" name="fname" ng-model="fname" id="fname" required />

А также укажите имя для своей формы, а не идентификатор

Как это

<form name="save" class="form-horizontal" role="form" ng-controller="addEmployee">
Поделиться
0

Вам необходимо внести следующие изменения:

  1. Дайте имя вашей форме
  2. Добавить атрибут novalidate в форму
  3. Добавить обязательный атрибут в поле ввода

<form name="save" id="save" class="form-horizontal" role="form" ng-controller="addEmployee" novalidate>

<h4>Add a new employee</h4> <label for="fname">First Name:</label> <input type="text" name="fname" ng-model="fname" id="fname" required/> <div class="help-block" ng-messages="save.fname.$error" ng-show="save.fname.$touched"> <div ng-messages="save.fname.$error" ng-show="save.fname.$touched"> <div ng-message="required"> You forgot to enter your first name. </div> </div> </div>

</form>

Поделиться

Ещё вопросы

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