Best AngularJs Form Validation Directives Plugins

Angular Min Max validators

Angular Min Max validators

Implementation of min/max value validator directives for Angular 2.0.0 that works with both Angular forms validation and the DOM. As best as I can tell, these two validator directives are absent from the initial Angular 2.0.0

Angular Validation Messages

Angular Validation Messages

Add validation messages to your forms in a breeze.

FormFor : Easy way to Create and Validate Angular forms

FormFor : Easy way to Create and Validate Angular forms

formFor is a form-creation and validation library built on top of Angular JS. It is incredibly flexible and offers a wide range of configuration options.

ng-fab-form : Angular Fabulous Forms

ng-fab-form : Angular Fabulous Forms

ng-fab-form is a convenient forms for Angular with no extra markup.

  • Global (or invidivual) configurable validation messages (using ng-messages) to any element with a validation directive on it like required, ng-required, ng-pattern, ng-minlength and even new ones added.
  • Prevents submission of invalid forms
  • Completely disableable forms via a disable-form attribute
  • Show field validations after submit attempt
  • Prevent double submissions of forms when double clicked via a configurable delay

Angular complexify : Password Strength Validation

Angular complexify : Password Strength Validation

Complexify aims to provide a good measure of password complexity for websites to use both for giving hints to users in the form of strength bars, and for casually enforcing a minimum complexity for security reasons.

This plugin only provides client-side validation, and should be combined with some server-side sanity checking.

Angular Creditcard Flag directive for AngularJS

Angular Creditcard Flag directive for AngularJS

AngularJS directive to automatically show credit card flags while typing.This directive will look for attribute “creditcard-flag” on an input field, will add a class card-flag and a SPAN with a class “_flag” after it, when you start typing a number, it will add a class corresponding to the Credit Card brand.

AngularJS Money Directive to Validate Monetary Inputs

AngularJS Money Directive to Validate Monetary Inputs

AngularJS money directive to validate monetary inputs.This directive validates monetary inputs in “42.53” format (some additional work is needed for “32,00” European formats). Note that this is not designed to work with currency symbols. It largely behaves like Angular’s implementation of type="number".

  • Prevents entering non-numeric characters
  • Prevents entering the minus sign when min >= 0
  • Supports min and max like in <input type="number">

 

Simple Form Validator For AngularJS

Simple Form Validator For AngularJS

A simple lightweight AngularJS plugin which provides a simple way to validate the form inputs your visitors typed before submitted.