Skip to content

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

License

Notifications You must be signed in to change notification settings

BaseMax/FilterInputJs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.