2016-06-26 2 views
0
<form name="someForm"> <div class="row"> 
      <div class="col-md-offset-4 col-md-2"> 
       <ul class="list-unstyled"> 
        <li><label for="initials" class="control-label">Initials</label> 
        </li> 
        <li> 
         <div class="input-group"> 
          <input type="text" name="initials" 
           ng-model="searchDetails.initials" 
           class="form-control" placeholder="Initials" required /> 
         </div> 
        </li> 

        <li><label for="surname" class="control-label">Surname</label> 
        </li> 
        <div class="input-group"> 
         <input type="text" name="surname" 
          ng-model="searchDetails.surname" 
          class="form-control" placeholder="Surname" required /> 
        </div> 
        </li> 
       </ul> 
      </div> 

      <div class="col-md-2"> 
       <ul class="list-unstyled"> 
        <li><label>Date of Birth</label></li> 
        <li> 
         <div class="input-group"> 
          <input type="text" name="dateOfBirth" 
          ng-model="searchDetails.dateOfBirth" 
          class="form-control" placeholder="yyyy-dd-mm" required /> 
        </li> 
        <li><label>Identity number</label></li> 
        <li><input type="text" name="identityNumber" 
         ng-model="searchDetails.identityNumber" class="form-control" placeholder="Identity number" required /> <span 
         class="form_error" id="idNumberMsg2" 
         data-ng-show="formName.invalid && formName.identityNumber.$error.invalidId">ID 
          number does not appear to be authentic.</span></li> 
       </ul> 
      </div> 
     </div> 

     <span data-ng-show="!(searchDetails.initials && searchDetails.surname && searchDetails.dateOfBirth) || !searchDetails.identityNumber"> 
     Please search by id only or by initials, surname and dateOfBirth 
    </span> 

    <div class="row"> 
     <input type="button" tabindex="3" id="searchClient" 
        class="button_style" value="Next" > 
    </div> 
    </form> 

enter image description hereПоказать сообщение об ошибке только для некоторых входных сигналов, если не поступило на представить в угловом

Я хотел бы сделать условную проверку представить, что когда следующие три (инициалы, фамилия и DateOfBirth) были введены и idnumber не вводится, форма должна проходить без сообщений об ошибках и когда вводится номер идентификатора на своем собственном, а остальные три не вводятся, форма должна пройти тоже, иначе показать сообщение об ошибке. Любой сарай света высоко ценится. Прости, что я новичок с Угловым.

ответ

0

Для отображения сообщений об ошибке см. Директивы ng-messages и ng-message. добавить это к вашему элементу формы:

novalidate ng-submit="someForm.$valid && someSubmitMethod()"> 

Используйте нг-сообщения, как это (он смотрит на атрибут имени вашего поля ввода, поэтому введите название = «идентификатор» Выдана ниже:

<ng-messages for="someForm.id.$error" role="alert"> 
     <ng-message when="required">ID is mandatory</ng-message> 
</ng-messages> 
+0

Привет Noppey, спасибо за ваш ответ, я бы хотел пойти по этому пути, но я хочу, чтобы пользователь знал, какие поля они должны ввести после отправки. –

+0

Ng-messages заботится об этом. Он будет показывать только ошибки для поля, которые на самом деле недействительны. Это не резюме, хотя это показано на элемент. – Noppey

+0

Позвольте мне попробовать, спасибо вам, Noppey, если Я могу спросить: метод submitMethod в этом случае будет проверять значения, какие атрибуты пусты? –

Смежные вопросы