MontoyaTech/ignite-html-input
MontoyaTech/ignite-html-input
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added new space limiter to inputLetters function. Improved documentation.

Browse Source
This commit is contained in:
Matt Mo 2022-06-27 07:48:43 -07:00
parent 3ba0f27eb3
commit dde108e712
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ignite-html-input.js
View File

@ -60,11 +60,12 @@ IgniteTemplate.prototype.inputNumber = function(max = -1) {
/**
* Forces an input to only allow letters for input.
* @param {Number} max Max number of letters allow to be inputed. Default is -1 which disables this feature.
* @param {Boolean} allowSpace Whether or not to allow spaces to be entered. Default is true.
* @param {Number} max Max number of letters allowed to be inputed. Default is -1 which disables this feature.
* @param {Boolean} allowSpaces Whether or not to allow spaces to be entered. Default is true.
* @param {Number} maxSpaces Max number of spaces allowed tp be inputed. Default is -1 which disables this feature. This only works if allowSpaces is true.
* @returns {IgniteTemplate} This ignite template.
*/
IgniteTemplate.prototype.inputLetters = function(max = -1, allowSpace = true) {
IgniteTemplate.prototype.inputLetters = function(max = -1, allowSpaces = true, maxSpaces = -1) {
this.on("keydown", e => {
//If the input key isn't a letter, and it's not a space, backspace or escape or tab, ignore it.
if ((e.key < 'a' || e.key > 'z') && (e.key < 'A' || e.key > 'Z') && e.key != ' ' && e.key != 'Backspace' && e.key != 'Escape' && e.key != 'Tab' && e.key != 'Control' && e.ctrlKey == false) {
@ -82,8 +83,8 @@ IgniteTemplate.prototype.inputNumber = function(max = -1) {
e.preventDefault();
return false;
}
//If the key is space and space is not allowed prevent it.
else if (allowSpace == false && e.key == ' ') {
//If the key is space and space is not allowed prevent it, or if it's allowed and we have too many spaces prevent it.
else if ((!allowSpaces && e.key == ' ') || (allowSpaces && e.key == ' ' && maxSpaces != -1 && e.target.value.split(' ').length > maxSpaces)) {
e.preventDefault();
return false;
}