New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details →
Socket
Book a DemoSign in
Socket

angular-input-match

Package Overview
Dependencies
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-input-match

ngModel validation for matching model attributes

latest
Source
npmnpm
Version
0.0.3
Version published
Maintainers
1
Created
Source

angular-input-match

Build Status Code Climate

Checks if one input matches another. Useful for confirming passwords, emails, or anything.

The match or data-match attribute should be set equal to the ng-model value of the field to match against.

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>

Based on angular-input-match

FAQs

Package last updated on 24 Jan 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts