FilterInputJs
FilterInputJs copied to clipboard
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.
- [x] 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
- [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.