html form3.html

Posted 2021-05-11

<form name="myForm" novalidate class="form">
  <div class="form-group" ng-class="{'has-error': myForm.name.$invalid}">
    <label for="name">Name</label>
    <input class="form-control" type="text" name="name" id="name" name-validator ng-model="name"/>
  </div>
  <div class="alert alert-danger" ng-show="myForm.$invalid">
    <ul>
      <li ng-show="myForm.name.$error.required">Name is required!</li>
      <li ng-show="myForm.name.$error.min_length">Name should be at least two characters!</li>
      <li ng-show="myForm.name.$error.invalid_chars">Name should only contain alphabetic characters!</li>
    </ul>
  </div>
</form>