Matcher documentation

Matcher checks that two values in two different form fields are equal. Notification of equivalence is shown in a notification element.

Example

Please ensure your passwords match

<form action="#" method="post">
<p><input id="pass1" class="matcher notifyEl-matchernotify matchEl-pass2" name="pass1" type="password" /></p>
<p><input id="pass2" class="matcher notifyEl-matchernotify matchEl-pass1" name="pass2" type="password" /></p>
<p id="matchernotify">Please ensure your passwords match</p>
</form>

Settings

Valid elements

Any input type="text" or input type="password" elements

Classname

matcher

Attributes

None

CSS parameters (what’s this?)

matchEl (required)
Must be set as the id of the element that the value of the current element value will be compared to
notifyEl (required)
Must be set as the id of the element that will show the notification