Introduction to AngularJs Form Validation

01-form.html

<form class="ng-pristine ng-invalid ng-invalid-required" name="frm">
  
  

02-validation-directives.html

<input name="password" ng-model="user.password" type="password"  placeholder="Password" 
    required ng-minlength="6" ng-maxlength="10">

ng-messages.html

    <div class="pure-control-group">
        <label>Password</label>
        <input name="password" ng-model="user.password"
            type="password" placeholder="Password"
            required ng-minlength="6" ng-maxlength="10">
        <div class="field-message"
        ng-messages="frm.password.$error"
        ng-if='frm.password.$dirty' ng-cloak>
            <div ng-message="required">Password is required</div>
            <div ng-message="minlength">
                Password must have minimum 6 characters
            </div>
            <div ng-message="maxlength">
                Password must have maximum 10 characters
            </div>
        </div>
    </div>
    
    

submit.html

<button type="submit" class="pure-button pure-button-primary"
    ng-disabled="frm.$invalid || !conditions">Submit</button>