Angular simple form validation

    <!-- make sure to set novalidate to ignore/skip browser validation -->
    <form name="myForm" novalidate>
      <div>
        Name
        <input
          type="text"
          data-ng-model="user.name"
          name="username"
          required>
        <span ng-show="myForm.username.$error.required" class="error">Name is required</span>
      </div>

      <!-- notice input type -->
      <div>
        Email
        <input
          type="email"
          data-ng-model="user.email"
          name="useremail">
        <span ng-show="myForm.useremail.$error.email" class="error">Not valid email</span>
      </div>

      <!-- custom regexp validator -->
      <div>
        Date of birth
        <input
          type="text"
          ng-model="user.dob"
          name="userdob"
          ng-pattern="/^\d{4}\.\d{2}\.\d{2}$/">
        <span ng-show="myForm.userdob.$error.pattern" class="error">Format: 1978.04.10</span>
      </div>

      <p>
        <!-- you can check the whole form's state also, not just the individual fields -->
        <button ng-disabled="myForm.$invalid">Save</button>
      </p>
    </form>