formcore

by filamentgroup

filamentgroup / formcore

A set of forms.

203 Stars 13 Forks Last release: Not found MIT License 302 Commits 30 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

formcore

npm version Build Status Dependency Status

A set of forms.

Maxlength

The Maxlength component currently watches inputs and replaces returns with

\r\n
to normalize behavior across browsers which count returns differently.

Credit to Keith Wood for his implementation which acted as inspiration: http://keith-wood.name/maxlength.html

Numeric Input

A number of features around normalizing the behavior of

 form fields. To start, add the 
data-numeric-input
attribute to your
 element:

Next, include the

js/numeric-input.js
and
js/numeric-input-init.js
files.

Features

  1. Suppresses non-numeric input into the form field, similar to how Chrome desktop behaves with
    . This will also prevent scientific or E notation from being entered into the form field (since 
    E
    and
    e
    are alphabetic).
  2. Works to enforce the
    maxlength
    attribute (also works with the number of digits on
    max
    )
  3. Works around bugs with
     in Safari 6 and Firefox desktop (large numbers may be rounded or leading zeros may be truncated). In these browsers, the type is toggled to 
    text
    .
  4. data-numeric-input-nav-disabled
    attribute option: Prevent the up and down arrow keys from incrementing and decrementing the number value.

Manual Initialization

  • Alternatively, if you don’t want to use our auto-initialization code (the
    numeric-input-init.js
    file, which relies on a global
    enhance
    event), you can manually initialize with
    new NumericInput( element );
    You’re on the hook to prevent duplicate initialization when doing this manually.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.