SkillAgentSearch skills...

FilterInputJs

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

Install / Use

/learn @BaseMax/FilterInputJs

README

Filter Input

FilterInputJs

<p align="center"> <img alt="FilterInput" src="https://raw.githubusercontent.com/BaseMax/FilterInputJs/master/image.jpg"> </p>

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.

  • [x] input
  • [ ] textarea
  • [ ] select

Arguments

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

Data Filters

  • [x] Decimal
  • [x] !Decimal (a decimal , not empty)
  • [x] Integer
  • [x] !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.

Related Skills

View on GitHub
GitHub Stars39
CategoryDevelopment
Updated7mo ago
Forks3

Languages

JavaScript

Security Score

87/100

Audited on Aug 25, 2025

No findings