每次更改输入字段的内容时，执行toUpperCase()

Question

每次更改输入字段的内容时，我都要执行toUpperCase（）。我的意思不是当字段失去焦点时，而是每次键入字符时。

我尝试了这个，但不起作用（我对JQ还很陌生）！

$(".myClass").change(function () {
        $(this).val().toUpperCase();
});

此外，该功能仅在模糊时启动。

怎么了？

Answer 1

$('.myClass').on('input', function() {
     $(this).val($(this).val().toUpperCase());
});

Answer 2

函数将触发change事件，但您需要使用.val()重置该值，因为仅将文本设置为toUpperCase()是不够的。

$(".myClass").change(function () {
        $(this).val($(this).val().toUpperCase());
});

Fiddle演示

Answer 3

要将浏览器输入的字符限制为大写，请使用css-

someinput{text-transform:uppercase}

然后在提交之前使用任何更改事件或验证来更改发送到服务器的值。

Answer 4

您应该使用另一个键盘事件：

https://api.jquery.com/keypress/

$( "#test" ).keypress(function(e) {
    $(this).val($(this).val().toUpperCase());
});