Question

如果用户在Javascript中将文本字段键入文本字段，如何将文本框的所有字符都设为小写？

<input type="text" name="thishastobelowercase">

感谢您的帮助。

Answer 1

我只是让CSS为你做这个，而不是用javascript编写代码：

<input type="text" name="tobelowercase" style="text-transform: lowercase;">

Answer 2

两种方式：

使用 CSS ：

.lower {
   text-transform: lowercase;
}

<input type="text" name="thishastobelowercase" class="lower">

使用 JS ：

<input type="text" name="thishastobelowercase" onkeypress="this.value = this.value.toLowerCase();">

Answer 3

$('input').keyup(function(){
    this.value = this.value.toLowerCase();
});

Answer 4

是否只需要以小写字母显示，还是小写？如果您想显示小写，可以使用CSS text-transform: lowercase。

无论如何，您需要强制执行此约束服务器端，因为用户可以禁用您放入的任何JS代码以强制它保持小写。

我的建议：使用CSS text-transform使其始终以小写显示，然后在使用之前在服务器端执行toLower或您语言的变体。

Answer 5

这是您想要的验证类型的掩码

(function($) {
    $.fn.maskSimpleName = function() {
        $(this).css('text-transform', 'lowercase').bind('blur change', function(){
            this.value = this.value.toLowerCase();
        });
    }
})(jQuery);

使用它的好处是光标不会到达每个字符输入的输入末尾，就像使用keyup或keupress解决方案一样。

$('#myinput').maskSimpleName();

这是一种使用它的方法。

Obs：此掩码也以小写形式将数据发送到服务器。

Answer 6

Bootstrap Text转换：

<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>

如何在Javascript中自动输入小写字母

6 个答案: