javascript - 入力フィールドの内容が変更されるたびに toUpperCase() を実行する

Question

入力フィールドの内容が変更されるたびに toUpperCase() を実行したい。フィールドがフォーカスを失ったときではなく、文字が入力されるたびに意味します。

私はこれを試してみましたが、うまくいきませんでした（私はJQにかなり慣れていません）！

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

また、関数はぼかしでのみ起動されます。

どうしたの？

score 2 · Accepted Answer

2

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

于 2014-04-23T14:53:50.790 に答える

score 0 · Accepted Answer

関数はイベントを発生させますが、テキストを設定するだけでは十分ではないため、change使用してその値をリセットする必要があります。.val()toUpperCase()

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

score 0 · Accepted Answer

別のキーボードイベントを使用する必要があります。

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

score 0 · Accepted Answer

ブラウザ入力の文字を大文字に制限するには、css-

someinput{text-transform:uppercase}

次に、送信する前に任意の変更イベントまたは検証を使用して、サーバーに送信する値を変更します。

4 に答える 4