Filter Input

FilterInputJs

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

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.