Skip to content
Tiny and Powerful Library for limit an entry (text box,input) as number,string or more...
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist move examle to dist and refactor dist files Jul 2, 2019
src Update index.js Jul 6, 2019
.editorconfig editorconfig Jul 2, 2019
.gitignore gitignore Jul 2, 2019
LICENSE Initial commit Jun 27, 2018
README.md Update README.md Jul 28, 2019
image.jpg Add files via upload Jul 17, 2018
package-lock.json webpack !! Jul 2, 2019
package.json webpack !! Jul 2, 2019
webpack.config.js webpack !! Jul 2, 2019

README.md

Filter Input

FilterInputJs

FilterInput

Tiny and Powerful Library for limit an entry (text box,input) as number,string or more...

FilterInput.min.js File Size FilterInput.min.js Validation Code

Getting started

Add the following line to your .html file:

<script src="https://cdn.jsdelivr.net/gh/BaseMax/FilterInputJs@master/dist/index.min.js"></script>

or download the minified file

or use: https://cdn.jsdelivr.net/npm/filterinput/src/index.min.js

Install

This package available in the npmjs repository (filterinput), so you can easily install it with:

npm i filterinput

Features

  • Fast
  • Compact
  • No dependencies
  • Easy using Filters

Supported Tags

currently , only work on <input> tag.

  • input
  • textarea
  • select

Arguments

Argument Name Goal
data-filter Set type of Filter for a tag
data-filter-lang Restrict allowed languages (soon)

Data Filters

  • Decimal
  • !Decimal (a decimal , not empty)
  • Integer
  • !Integer (a integer , not empty)
  • String (any character , no number)
  • !String (a string , not empty)
  • Alphabet (english,farsi:persian,arabic,china,...)
  • !Alphabet (english,farsi:persian,arabic,china,...) not empty!
  • Alphabet0 (may be have number characters)
  • !Alphabet0 (may be have number characters) not empty!
  • Any (any char or empty)
  • !Any (any char , not empty)

Data Filter Languages

  • english
  • persian
  • arabic
  • all

You can discuss or send a request at here.

Samples

To view the full details, run the example .html file.

data-filter

Decimal :
<input data-filter="decimal" value="5.64">
Integer :
<input data-filter="integer" value="91">

data-filter-lang

soon will be complete.

You can choose multiple languages. Separate them with ,.

onclick

soon will be complete.

Development

npm run dev
npm run build # build the production files

License

FilterInput is licensed under the GNU General Public License.

You can’t perform that action at this time.