Jquery inputmask casing uppercase/lowercase

Question

How can I use below code to any input text with out a mask? any letter inputted will force to uppercase.

Inputmask.extendAliases({
  uppercase: {
            mask: '' // any letters
            definitions: {
                '*': {
                    casing: "upper" //
                }
        }
});

js

$('.uppercase').inputmask({casing:'upper'}); 
$('.lowercase').inputmask({casing:'lower'});

html

<input type="text" class="uppercase" />
<input type="text" class="lowercase" />

If you have a choice try https://unmanner.github.io/imaskjs – uNmAnNeR May 11 '17 at 14:45 — uNmAnNeR, May 11 '17 at 14:45

score 2 · Answer 1 · answered Feb 28 '17 at 03:23

2

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

<input class="uppercase" />
<input class="lowercase" />
<input class="capitalize" />

Use css.

answered Feb 28 '17 at 03:23

guradio

15,524
4
36
57

2

css only applies in display text not in value. thanks anyways :) – mrrsb Feb 28 '17 at 03:27
1

`onblur="this.value = this.value.toUpperCase();"` for text value, it would work behind the scene. – Ahsan Ali Apr 30 '21 at 05:20

score -2 · Answer 2 · answered Feb 28 '17 at 04:43

-2

You can use @guradio css and just uppercase results on form submit on serverside or with JavaScript before submit.

Or just read https://github.com/RobinHerbots/Inputmask there examples, you can use regexp to limit only to uppercase letters.

answered Feb 28 '17 at 04:43

Vasilij Altunin

754
1
5
18

Jquery inputmask casing uppercase/lowercase

2 Answers2

Linked