javascript - Jqueryを使用してすべての入力値を大文字に変更するにはどうすればよいですか?

Question

フォームを送信する前に、フォームの値をすべて大文字に変更したいと考えています。

これまでのところ、私はこれを持っていますが、機能していません。

$('#id-submit').click(function () {
        var allInputs = $(":input");
        $(allInputs).value.toUpperCase();
        alert(allInputs);
});

score 51 · Accepted Answer

以下のようにしてみてください、

$('input[type=text]').val (function () {
    return this.value.toUpperCase();
})

input[type=text]代わりに、:inputまたはinputテキストボックスのみを操作することを意図していると私が信じているように、使用する必要があります。

score 18 · Accepted Answer

CSS を使用します。

input.upper { text-transform: uppercase; }

スタイルを使用し、サーバーサイドを変換するのがおそらく最善です。大文字を強制する jQuery プラグインもあります: http://plugins.jquery.com/plugin-tags/uppercase

score 7 · Accepted Answer

$('#id-submit').click(function () {
    $("input").val(function(i,val) {
        return val.toUpperCase();
    });
});

score 4 · Accepted Answer

css text-transform を使用して、すべての入力タイプのテキストにテキストを表示します。Jquery では、blur イベントで値を大文字に変換できます。

CSS:

input[type=text] {
    text-transform: uppercase;
}

Jクエリ:

$(document).on('blur', "input[type=text]", function () {
    $(this).val(function (_, val) {
        return val.toUpperCase();
    });
});

score 3 · Accepted Answer

each()を使用できます

$('#id-submit').click(function () {
      $(":input").each(function(){
          this.value = this.value.toUpperCase();          
      });
});

5 に答える 5