FilterInputJs Save

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

Project README

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.

Open Source Agenda is not affiliated with "FilterInputJs" Project. README Source: BaseMax/FilterInputJs

Open Source Agenda Badge

Open Source Agenda Rating