D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
iam-peekay
Full window
Github gist
Errors
<div ng-controller="AppCtrl" layout="column" ng-cloak="" class="inputdemoErrors" ng-app="MyApp"> <md-content layout-padding=""> <form name="projectForm"> <md-input-container class="md-block"> <label>Description</label> <input md-maxlength="30" required="" name="description" ng-model="project.description"> <div ng-messages="projectForm.description.$error"> <div ng-message="required">This is required.</div> <div ng-message="md-maxlength">The name has to be less than 30 characters long.</div> </div> </md-input-container> <md-input-container class="md-block"> <label>Client Name</label> <input required="" name="clientName" ng-model="project.clientName"> <div ng-messages="projectForm.clientName.$error"> <div ng-message="required">This is required.</div> </div> </md-input-container> <md-input-container class="md-block"> <label>Client Email</label> <input required="" type="email" name="clientEmail" ng-model="project.clientEmail" minlength="10" maxlength="100" ng-pattern="/^.+@.+\..+$/"> <div ng-messages="projectForm.clientEmail.$error" role="alert"> <div ng-message-exp="['required', 'minlength', 'maxlength', 'pattern']"> Your email must be between 10 and 100 characters long and look like an e-mail address. </div> </div> </md-input-container> </form> </md-content> </div>