match-passwords-validator.html

gistfile1.txt

<link rel="import" href="../polymer/polymer-element.html">
<link rel="import" href="../iron-validator-behavior/iron-validator-behavior.html">

<script>

	class MatchPasswordsValidator extends Polymer.mixinBehaviors([Polymer.IronValidatorBehavior], Polymer.Element) {

		static get is() {
			return 'match-passwords-validator';
		}

		ready() {
			super.ready();
			 new Polymer.IronMeta({type: 'validator', key: this.validatorName, value: this});
		}

		static get properties() {
			return {
				password: {
					notify: true,
					type: String
				},
				validatorName: {
					type: String,
					value: function(){
						 return this.is;
					}
				}
			}
		}

		validate (values) {			
			return !values || values === this.password;
    }

	}


	window.customElements.define(MatchPasswordsValidator.is, MatchPasswordsValidator);

</script>

usage

  <match-passwords-validator id="installValidator" validator-name="installValidator" password="[[install.password]]"></match-passwords-validator>
  <paper-input id="password" label="Workspace Password" value="{{install.password}}" required minLength="6" auto-validate error-message="Enter at least 6 characters"></paper-input>
  <paper-input id="passwordConfirm" label="Confirm" auto-validate validator="installValidator" error-message="Passwords need to match"> </paper-input>

Hi. What's with the new Polymer.IronMeta({type: 'validator', key: this.validatorName, value: this}); line? Is this the Polymer way for registering validators for use by IronValidatableBehavior? It's especially curious given that validatorName has been removed in 2.0-preview branch