A collection of directives that simplify the form validation with the Angular Material Design
bower install --save md-form-validator
angular.module("myApp").config(function(mdFormValidatorProvider) {
mdFormValidatorProvider.setMessage("required", "This field is required");
mdFormValidatorProvider.setMessage("maxlength", "Please enter no more than {maxlength} characters");
}]);With default messages you don´t need to add a md-message() for each validation:
Before:
<md-input-container>
<label>Código</label>
<input ng-model="code" name="code" required/>
<md-messages>
<md-message required>Required</md-message>
</md-messages>
</md-input-container>After default messages:
<md-input-container>
<label>Código</label>
<input ng-model="code" name="code" required/>
<md-messages />
</md-input-container>To override the message:
<md-input-container>
<label>Código</label>
<input ng-model="code" name="code" required/>
<md-messages>
<md-message required>
This is my cool required message for this field
</md-message>
</md-messages>
</md-input-container>