如何使文本字段中的所有内容均为大写字母/大写？

Question

我想让我在文本字段中写的所有内容都是大写字母。当我写的时候，而不是失去焦点之后。

我如何使用 jQuery 来做到这一点？

Answer 1

我会为此使用CSS。

只需将 text-transform: uppercase 添加到您的样式中，然后在服务器端您可以将其转换为大写。

input {
  text-transform: uppercase;
}

Answer 2

$('input[type=text]').keyup(function() {
    $(this).val($(this).val().toUpperCase());
});

Answer 3

使用
oninput='this.value=this.value.toUpperCase();
该事件仅适用于这种情况，在用户输入（按键）之后但在更新（显示值）之前触发，因此使用此键入的文本在转换时不会闪烁，并且值也是正确的（不像仅使用样式来更改显示而不改变真实数据）。

Answer 4

您可能需要结合使用这些方法。

使用文本转换样式仅以大写形式呈现类型，尽管该值很可能是小写的。

一旦字段更改或焦点丢失，javascript 只会将当前文本更改为大写，

您可以使用 gazler 的 jquery 或简单的内联 javascript，

例如 onblur='javascript:this.value=this.value.toUpperCase();'

这意味着文本值将显示为大写，并且当值更改/控件失去焦点时实际上变为大写。

华泰
山姆

Answer 5

为了构建@Gazler的答案，一个增强的解决方案可以更好地处理修饰键（假设您有混合大小写的占位符并且无法设置 text-transform: uppercase; ）：

$('.search-input input[type=text]').keyup(function() {
    var v = $(this).val();
    var u = v.toUpperCase();
    if( v != u ) $(this).val( u );
})