4

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

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

4

6 回答 6

19

使用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 小提琴

在这里摆弄

于 2013-07-11T12:15:44.390 回答
3

请在您输入的“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();
    }
于 2013-07-11T12:21:37.683 回答
1

试试这个.. 

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

或者

var inputField = document.getElementById('id');
inputField.onkeyup = function(){
    this.value = this.value.toUpperCase();
}
于 2013-07-11T12:20:36.563 回答
1

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

textarea{    
    text-transform:lowercase;    
}

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

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

于 2013-07-11T12:24:36.013 回答
1

尝试

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

演示 - JSFiddle

于 2015-11-25T13:45:07.953 回答
-1

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

$('.result').keydown(function(e){
    e.preventDefault();
    this.value += String.fromCharCode(e.keyCode);
});
于 2013-07-11T12:37:45.843 回答