basemax/filterinputjs

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

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.