Jquery inputmask 大小写大小写

Posted 2023-03-05

【中文标题】Jquery inputmask 大小写大小写

【英文标题】：Jquery inputmask casing uppercase/lowercase

【发布时间】：2017-07-18 21:02:41

【问题描述】：

我正在使用jquery inputmask

如何在没有掩码的情况下将以下代码用于任何输入文本？输入的任何字母都将强制为大写。

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" />

【问题讨论】：

如果您有选择，请尝试unmanner.github.io/imaskjs

【参考方案1】：

.uppercase 
  text-transform: uppercase;


.lowercase 
  text-transform: lowercase;


.capitalize 
  text-transform: capitalize;

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

使用 css。

【讨论】：

css 仅适用于显示文本而不适用于值。无论如何谢谢:)

onblur="this.value = this.value.toUpperCase();" 用于文本值，它将在幕后工作。

【参考方案2】：

您可以使用@guradio css 并在服务器端提交表单时使用大写结果，或者在提交前使用 javascript。

或者只是阅读https://github.com/RobinHerbots/Inputmask那里的例子，你可以使用正则表达式来限制大写字母。