npmpackage.info

Gathering detailed insights and metrics for @polymer/iron-validatable-behavior

Other packages similar to @polymer/iron-validatable-behavior

@npm-polymer/iron-validatable-behavior

1.1.2

Provides a behavior for an element that validates user input

Gathering detailed insights and metrics for @polymer/iron-validatable-behavior

@polymer/iron-validatable-behavior - 3.0.1 | npmpackage.info

@polymer/iron-validatable-behavior

Implements an element validated with Polymer.IronValidatorBehavior

3.0.1

JavaScript

1.6

Installations

npm install @polymer/iron-validatable-behavior

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

10.9.0

NPM Version

6.4.1 Pull Requests

Open

6

Total

49

Closed

7

Merged

36

Issues

Open

5

Total

6

Closed

1

Releases

v2.1.0

Updated on Feb 17, 2018

v2.0.0

Updated on May 15, 2017

v1.1.2

Updated on Apr 17, 2017

v1.1.1

Updated on May 05, 2016

Perf improvement: use a singleton IronMeta object, instead of a per-instance one

v1.1.0

Updated on Apr 26, 2016

v1.0.5

Updated on Oct 20, 2015

View All 15 releases

Languages

JavaScript

HTML

JavaScript (64.55%)

HTML (35.45%)

Developer

PolymerElements

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

7 Stars

149 Commits

18 Forks

15 Watchers

12 Branches

26 Contributors

Updated on Dec 19, 2024

Maintainers

View All 26 Contributors

Package Meta Information

Latest Version

3.0.1

Package Id

@polymer/iron-validatable-behavior@3.0.1

Size

5.97 kB

NPM Version

6.4.1

Node Version

10.9.0

Published on

Sep 14, 2018

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@polymer/iron-meta @polymer/polymer

Dev Dependencies

webmat @polymer/iron-demo-helpers @polymer/iron-validator-behavior @polymer/paper-styles @polymer/test-fixture wct-browser-legacy @webcomponents/webcomponentsjs @polymer/gen-typescript-declarations

IronValidatableBehavior

Use IronValidatableBehavior to implement an element that validates user input. By using this behaviour, your custom element will get a public validate() method, which will return the validity of the element, and a corresponding invalid attribute, which can be used for styling. Can be used alongside an element implementing the IronValidatableBehavior behaviour.

See: Documentation, Demo.

Usage

Installation

npm install --save @polymer/iron-validatable-behavior

In a Polymer 3 element

1import {PolymerElement, html} from '@polymer/polymer';
2import {mixinBehaviors} from '@polymer/polymer/lib/legacy/class.js';
3import {IronValidatableBehavior} from '@polymer/iron-validatable-behavior/iron-validatable-behavior.js';
4
5class SampleElement extends mixinBehaviors([IronValidatableBehavior], PolymerElement) {
6  static get template() {
7    return html`
8      <style>
9        :host {
10          border: 1px solid green;
11          color: green;
12        }
13        :host([invalid]) {
14          border: 1px solid red;
15          color: red;
16        }
17      </style>
18      <input id="input">
19    `;
20
21    // Override this method if you want to implement custom validity
22    // for your element. This element is only valid if the value in the
23    // input is "cat".
24    function _getValidity() {
25      return this.$.input.value === 'cat';
26    }
27  }
28}
29customElements.define('sample-element', SampleElement);

In an html file using the element

1<html>
2  <head>
3    <script type="module" src="./sample-element.js"></script>
4  </head>
5  <body>
6    <sample-element id="el"></sample-element>
7    <button onclick="el.validate()">Validate!</button>
8  </body>
9</html>

Contributing

If you want to send a PR to this element, here are the instructions for running the tests and demo locally:

Installation

1git clone https://github.com/PolymerElements/iron-validatable-behavior
2cd iron-validatable-behavior
3npm install
4npm install -g polymer-cli

Running the demo locally

1polymer serve --npm
2open http://127.0.0.1:<port>/demo/

Running the tests

1polymer test --npm

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

License

Determines if the project has defined a license.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.6

/10

Last Scanned on 2025-07-14

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More