ng-input-match
v0.0.0
Published
matching directive for angular
Downloads
19
Maintainers
Readme
ng-input-match
Checks if one input matches another. Useful for confirming passwords, emails, or anything.
The "data-match" attribute should be set equal to the ng-model value of the field to match.
Demo: http://jsfiddle.net/TheSharpieOne/Wnv8u/
Usage
Simple Property Example using "data" prefix:
Password: <input ng-model="password" type="password" />
Confirm: <input ng-model="passwordConfirm" type="password" data-match="password" />
Simple Property Example without "data" prefix:
Password: <input ng-model="password" type="password" />
Confirm: <input ng-model="passwordConfirm" type="password" match="password" />
Object Property Example usign "data" prefix
Password: <input ng-model="user.password" type="password" />
Confirm: <input ng-model="user.passwordConfirm" type="password" data-match="user.password" />
Object Property Example without "data" prefix
Password: <input ng-model="user.password" type="password" />
Confirm: <input ng-model="user.passwordConfirm" type="password" match="user.password" />
Display Custom Error If your form and field both are named, you can access the validation result to show/hide messages
<form name="myForm">
Password: <input ng-model="user.password" type="password" name="password" />
Confirm: <input ng-model="user.passwordConfirm" type="password" data-match="user.password" name="myConfirmField" />
<div ng-show="myForm.myConfirmField.$error.match">Fields do not match!</div>
</form>