Validation Demo

Angular js

by cmckeachie

HTML

<div ng-app='myApp'>

<form name="form"  novalidate>
       <input type="email" ng-blur="visitedEmail = true" name="userEmail" class="form-control username" 
ng-model="username" placeholder="Email" required />
     <input type="password" ng-blur="visitedPassword = true" name="password" class="form-control password" placeholder="Password" ng-model="password" required />
   <div ng-show="form.userEmail.$dirty && form.userEmail.$invalid && visitedEmail">
    <span ng-show="form.userEmail.$error.required">
           Invalid:Tell us  your email.</span> 
<span  ng-show="form.userEmail.$error.email">Invalid:This is not a valid email.</span>
     </div>
 </form>
    
</div>

JavaScript

var myApp = angular.module('myApp',[]);