当用户开始在jquery中键入文本时，如何将TEXTBOX中的文本设置为大写字母

Question

当用户开始在文本框中键入文本时，我们需要将这些字母设为大写字母

Answer 1

而不是jQuery解决方案，我很想使用CSS来使输入中的文本显示为大写（text-transform: uppercase），无论它们是否以低位或大写形式输入。然后，当您处理数据时，将数据转换为大写。例如在PHP中，你使用strtoupper() - 在大多数其他语言中有相同的函数，我想你可能正在处理表单！

Answer 2

编辑：请参阅chigley的回答。

$(function() {
    $('#myTextBox').keyup(function() {
        $(this).val($(this).val().toUpperCase());
    });
});

演示：http://jsfiddle.net/SMrMQ/

或者，使用CSS样式并在后端进行实际转换。

Answer 3

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

在此处测试： http://jsbin.com/opobu3

Answer 4

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

input {
  text-transform: uppercase;
}