All Projects → ameliandev → KeyboardDelimiter

ameliandev / KeyboardDelimiter

Licence: other
jQuery Plugin for delimite pressed key on keyboard

Projects that are alternatives of or similar to KeyboardDelimiter

Jquery jeditable
jQuery edit in place plugin. Extendable via plugin architecture. Plugins for plugin. Really.
Stars: ✭ 1,756 (+12442.86%)
Mutual labels:  jquery-plugin, mit-license
godot-nightly
A program to download the latest version of Godot Nightly Builds
Stars: ✭ 23 (+64.29%)
Mutual labels:  mit-license
xGallerify
A lightweight, responsive, smart gallery based on jQuery
Stars: ✭ 52 (+271.43%)
Mutual labels:  jquery-plugin
jQuery-Clock-Plugin
Turns a given dom element into a jQuery Clock that can take an initial timestamp instead of client system time, supports internationalization and PHP Style Format Characters, and is relatively independent from system clock
Stars: ✭ 70 (+400%)
Mutual labels:  jquery-plugin
OFOBike
A demo app like OFO Bike in Swift.
Stars: ✭ 18 (+28.57%)
Mutual labels:  mit-license
magento-ngrok
Magento 2 module for ngrok.io service support
Stars: ✭ 45 (+221.43%)
Mutual labels:  mit-license
cheetah3
Cheetah3 is a free (MIT) and open source template engine for Python.
Stars: ✭ 106 (+657.14%)
Mutual labels:  mit-license
provejs-jquery
An event based jQuery plugin for client-side validation of html forms.
Stars: ✭ 76 (+442.86%)
Mutual labels:  jquery-plugin
instastory.js
This is a jQuery plugin to make it easy to get a feed from instagram. No need of access tokens and other stuff, Only thing needed is jQuery.
Stars: ✭ 36 (+157.14%)
Mutual labels:  jquery-plugin
sim-tree
一个操作简单的基于jquery的树展示插件,支持异步展示子节点
Stars: ✭ 22 (+57.14%)
Mutual labels:  jquery-plugin
jquery.selectlistactions.js
jQuery.SelectListActions plugin allows you to perform several actions with HTML Select lists
Stars: ✭ 35 (+150%)
Mutual labels:  jquery-plugin
navigator-hugo
Navigator Business theme powered by Hugo. It also could be used for a personal portfolio.
Stars: ✭ 133 (+850%)
Mutual labels:  mit-license
jquery.niceform
The jQuery plugin for validation and post form data to server
Stars: ✭ 16 (+14.29%)
Mutual labels:  jquery-plugin
docker-alpine-wkhtmltopdf
wkhtmltopdf alpine docker container with headless qt patches
Stars: ✭ 150 (+971.43%)
Mutual labels:  mit-license
bullshit-detector
🔍 Chráňte vašich blízkych pred nedôveryhodným 🇸🇰 a 🇨🇿 obsahom
Stars: ✭ 24 (+71.43%)
Mutual labels:  mit-license
gsc
embeddable (game) scripting language in C
Stars: ✭ 25 (+78.57%)
Mutual labels:  mit-license
jquery.youtube-inview-autoplay
📺 A jQuery plugin that starts playing YouTube video when it's scrolled into the view and stops it when it's scrolled out
Stars: ✭ 13 (-7.14%)
Mutual labels:  jquery-plugin
jquery.smartbox
基于jquery 的弹出层插件。官方文档:http://smartbox.huangsw.com/cn/introduce.html
Stars: ✭ 21 (+50%)
Mutual labels:  jquery-plugin
hacktoberfest2021
For Beginners, students and developers this is a great opportunity to learn and contribute to open source.
Stars: ✭ 79 (+464.29%)
Mutual labels:  mit-license
php-quill-renderer
Render quill insert deltas to HTML, Markdown and GitHub flavoured Markdown
Stars: ✭ 117 (+735.71%)
Mutual labels:  mit-license

jquery-keyboard-delimiter

This plugin remove the possibility of pressing any key or group of keys defined previously.

You can use this plugin to delimite the writing on inputs, for example:

  • Only numbers.
  • Numbers with signs.
  • Text without numbers.
  • Common keys as ESC, CTRL, etc.

How to use keyboard-delimiter.

Include keyboard-delimiter & jquery to your Site

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/jquery-keyboard-delimiter.min.js"></script>

Add a input type text on your html document

<input type="text" class="only-numbers" placeholder="Write here.." >

And then, add a similar code in your site:

<script type="text/javascript">
  $(document).ready(function(){
    $(".only-numbers").delimit({
      numbers: true
    });
  });
</script>

Important Note

When initialize a text input with delimit(), if not has some Data Options stabilized, this input (text or textarea) will have all keyboard keys disabled by default. Think that this plugin runs backwards. The idea is that the Keyboard Keys, will be activated.

This plugin allow to prevent that copied characters can be inserted too.

Data Options (Attributes)

You can set the options easily as data attributes. The initial value always be false as default value. The attributes are:

E/D = Enable/Disable

  • all: All keyboard keys are Enabled. Discard any possible option.
  • numbers: Allow to use numbers ( 0-9 ) in the input.
  • number: Allow to use 'Number' sign (#) in the input.
  • dot: Allow to use 'dot' (.) in the input.
  • less: Allow to use 'hyphen or less' sign (-) in the input.
  • plus: Allow to use 'plus' sign (+) in the input.
  • asterisk: Allow to use 'asterisk' (*) in the input.
  • letters: Allow to use letters (a-z and A-Z), without other signs like accents or umlaut.
  • enter: Allow to use of Enter/Intro key.
  • space: Allow to use of Space key.
  • control: Allow to use of Control keys.
  • comma: Allow to use 'comma' (,) in the input.
  • exclamation: Allow to use 'exclamation' signs ( !¡ ) in the input.
  • interrogation: Allow to use 'interrogation' signs ( ¿? ) in the input.
  • parenthesis: Allow to use 'parenthesis' signs ( () ) in the input.
  • lessMoreThan: Allow to use 'Less and More than' signs ( < > ) in the input.
  • brackets: Allow to use 'brackets' signs ( [] ) in the input.
  • braces: Allow to use 'braces' signs ( {} ) in the input.
  • slash: Allow to use 'back slash and slash' signs ( \ / ) in the input.
  • accents: Allow to use 'accents' signs ( ` ´ ) in the input. If letters options is set true, can use (áéíóúàèìòù) too.
  • quotes: Allow to use 'quotes or double quotes' signs ( ' " ) in the input.
  • percent: Allow to use 'percent' sign ( % ) in the input.
  • ampersand: Allow to use 'ampersand' sign ( & ) in the input.
  • caret: Allow to use 'caret' sign ( ^ ) in the input.
  • underscore: Allow to use 'underscore' sign ( _ ) in the input.
  • colon: Allow to use 'colon' sign ( : ) in the input.
  • semicolon: Allow to use 'semicolon' sign ( ; ) in the input.
  • at: Allow to use 'at' sign ( @ ) in the input.
  • equal: Allow to use 'equal' sign ( = ) in the input.
  • backSpace: Allow to use 'back space' key.
  • verticalBar: Allow to use 'vertical bar' sign ( | ) in the input.
  • equivalence: Allow to use 'equivalence' sign ( ~ ) in the input.
  • ordinalMF: Allow to use 'masculine and feminine ordinal' sign ( º ª ) in the input.
  • umlaut: Allow to use 'umlaut' sign ( ¨ ) in the input. If letters options is set true, can use (äëïöü) too.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].