caferrari / Md Form Validator
Simplify the usage of ngMessages with the angular material design
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Md Form Validator
Angular5 Seed
Angular5 Seed for Application
Stars: ✭ 222 (+2675%)
Mutual labels: angular-material, angularjs
Depli
A handsome JVM monitoring dashboard
Stars: ✭ 39 (+387.5%)
Mutual labels: angular-material, angularjs
Tested
Angular Material in MEAN Stack Website Source
Stars: ✭ 35 (+337.5%)
Mutual labels: angular-material, angularjs
angular-material-boilerplate
A straightforward and well structured boilerplate based on Google's Angular Material project.
Stars: ✭ 28 (+250%)
Mutual labels: angularjs, angular-material
brush
An amazing scaffolding for developing database-driven websites, applications and APIs. Built on Laravel Lumen Framework, MySQL and Angular.
Stars: ✭ 23 (+187.5%)
Mutual labels: angularjs, angular-material
Laravel Ecommerce
Laravel open source e-commerce system.
Stars: ✭ 163 (+1937.5%)
Mutual labels: angular-material, angularjs
Angular-Firebase-Sortable-Table
Angular Firebase Sortable Table is a module that makes tables creation with firebase an easy task.
Stars: ✭ 28 (+250%)
Mutual labels: angularjs, angular-material
materialdrive
Google Drive with Angular Material
Stars: ✭ 43 (+437.5%)
Mutual labels: angularjs, angular-material
boomerang
Easy website for your GDG Chapter
Stars: ✭ 74 (+825%)
Mutual labels: angularjs, angular-material
metadatamanagement
Metadatamanagement (MDM) - Data Search for Higher Education Research and Science Studies
Stars: ✭ 21 (+162.5%)
Mutual labels: angularjs, angular-material
ecommerce
Laravel open source e-commerce system.
Stars: ✭ 209 (+2512.5%)
Mutual labels: angularjs, angular-material
Must Watch Javascript
A useful list of must-watch talks about JavaScript
Stars: ✭ 6,545 (+81712.5%)
Mutual labels: angularjs
Movement
Movement is an easier, simpler way to explore and use NIEM. Want to join the Movement and contribute to it? Start here.
Stars: ✭ 19 (+137.5%)
Mutual labels: angularjs
Zmninja
High performance, cross platform ionic app for Home/Commerical Security Surveillance using ZoneMinder
Stars: ✭ 762 (+9425%)
Mutual labels: angularjs
Ng Gentelella
An AngularJS admin interface based on the Gentelella bootstrap template markup.
Stars: ✭ 24 (+200%)
Mutual labels: angularjs
Angular Google Chart
Google Chart Tools AngularJS Directive Module
Stars: ✭ 899 (+11137.5%)
Mutual labels: angularjs
Angularjs Styleguide
AngularJS styleguide for teams
Stars: ✭ 6,067 (+75737.5%)
Mutual labels: angularjs
Angular Validation
[INACTIVE] Client Side Validation for AngularJS 1. (You should use version > 2 💥)
Stars: ✭ 714 (+8825%)
Mutual labels: angularjs
Angular Material Design Form Validator
A collection of directives that simplify the form validation with the Angular Material Design
How to install
bower install --save md-form-validator
Config Default Messages
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>
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].