jquery - ユーザーがフィールド内で入力しているときにテキストフィールドデータを大文字に変換する方法は?

Question

テキストフィールドがあります：<input type="text" id="id" name="name" value="value" />

入力中に入力したデータを大文字にする方法は?

Answer 1

入力「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 2

これを試して..

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

または

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

Answer 3

CSSルールを単純にテキスト変換して小文字に設定し、送信時にJSまたはサーバー側で文字列を小文字にする方が簡単ではないでしょうか?

textarea{    
    text-transform:lowercase;    
}

CSS テキスト変換フィドル (JS 小文字を使用)

JS でこれを行うと、文字列が長くなるほどブラウザの動作が難しくなる可能性があります。

Answer 4

試す

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

デモ - JSFiddle

Answer 5

別のアプローチ：（ちょうど今試してみましたが、うまくいきました）

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