jquery - 用户在字段中输入时如何将文本字段数据转换为大写？

Question

有一个文本字段：<input type="text" id="id" name="name" value="value" />

如何在输入时将任何输入的数据设为大写？

Answer 1

使用keyup()和toUpperCase()..

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

或使用 DOMelement

$('#id').keyup(function(){
 this.value=this.value.toUpperCase();
});

或仅使用 CSS（根本没有 javascript）

 #id{
    text-transform:uppercase;
 }

使用 CSS 小提琴

在这里摆弄

Answer 2

请在您输入的“onkeydown”操作中调用此函数

<input type="text" id="id" name="name" value="value" onkeydown="makeUppercase()" />
    function makeUppercase() {
    document.form_name.name.value = document.form_name.name.value.toUpperCase();
    }

Answer 3

试试这个..

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

或者

var inputField = document.getElementById('id');
inputField.onkeyup = function(){
    this.value = this.value.toUpperCase();
}

Answer 4

简单地将css规则设置为文本转换为小写，然后提交小写JS或服务器端小写字符串不是更容易吗？

textarea{    
    text-transform:lowercase;    
}

CSS 文本转换小提琴（JS 小写）

使用 JS 可能会使浏览器工作得越努力，字符串越长。

Answer 5

尝试

<input type="text" style="text-transform: uppercase">

演示 - JSFiddle

Answer 6

一种不同的方法：（刚刚尝试过，工作正常）

$('.result').keydown(function(e){
    e.preventDefault();
    this.value += String.fromCharCode(e.keyCode);
});