显示错误消息角

<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>

显示错误消息角

提交我想这样做的提交，当以下三个（英文缩写，姓氏和出生日期）已经进入了一个条件检查并且没有输入idnumber，表单应该没有错误信息，并且当它自己的id号码被输入并且其他三个不被输入时，表单也应该经过，否则显示消息错误。任何光棚都非常感谢。对不起，我是Angular的新手。

来源

2016-06-26 Raymond Nakampe

要显示错误消息，请看ng-messages和ng-message指令。添加到您的表单元素：

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

使用NG的消息是这样的（它看着你输入字段的名称属性，所以输入名称=“ID”下面选中：

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

来源

2016-06-26 14:25:37 Noppey

Hi Noppey，感谢您的回应，我想走这条路，但我想让用户知道在提交后他们应该输入哪些字段。 –

Ng-messages会处理这个问题，它只会显示错误字段实际上是无效的，但它不是一个概要，它显示在每个元素上。 – Noppey

让我试试看，谢谢Noppey，if我可能会问，在这种情况下，submitMethod将检查哪些属性为空的值？ –

显示错误消息角

回答

相关问题