如何在Javascript中键入内容时自动将所有内容设置为小写

在用户将文本框中的所有字符键入Javascript中的文本字段时，如何使它们都小写

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

---

谢谢您的帮助。

我会让CSS帮您完成这项工作，而不是在javascript上胡闹：

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

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

它是否只需以小写字母显示，还是必须以小写字母显示？如果要显示小写，可以使用CSS

text transform:lowercase

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

我的建议是：使用CSS

文本转换

使其始终以小写形式显示，然后在使用前在服务器端执行

toLower

或您的语言变体。

两种方法：

使用CSS

.lower {
   text-transform: lowercase;
}

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

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

.lower{
文本转换：小写；
}

使用JS：

.lower {
   text-transform: lowercase;
}

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

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

---

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

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

使用它的优点是，光标不会像使用keyup或keuppress解决方案那样，移动到输入的每个字符的末尾

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

这是一种使用它的方式

---

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

引导文本转换：

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

小写文本
大写文本
大写文本

需要注意的是，这只会影响显示，而不会影响实际值。换句话说，在UI中，您将看到所有小写字符，但在服务器端，您将看到所有使用的大写字符。@TheMuffinMan+1。这是一个重要的音符。嘿@JordashTalon。如果您之前提出的问题中有任何一个答案对您有效，那么您应该标记这些答案是否已回答。这会奖励那些努力帮助你的人，并让其他人知道问题已经得到了回答。