trying to show 2 validation errors at the same time.

by Bretto

HTML

<div ng-app="">
  <div ng-controller="Controller">
    <form name="form" class="css-form" novalidate>
      E-mail:
        <input type="email" ng-model="email" name="uEmail" ng-minlength="3"/>
        <br />
      <div ng-show="form.uEmail.$dirty && form.uEmail.$invalid">Invalid:
        <span ng-show="form.uEmail.$error.email">This is not a valid email.</span>
        <span ng-show="form.uEmail.$error.minlength">The minimum lenght is 3.</span>
      </div>
        <br />
        <br /> 
       {{form.uEmail.$error}}
      </form>
  </div>
</div>

CSS

input.ng-invalid { border: 1px solid red; }

JavaScript

function Controller($scope) { }