jQueryを使用してテキストボックスに入力したテキストの長さを取得するにはどうすればよいですか?


138

jQueryを使用してテキストボックスに入力したテキストの長さを取得するにはどうすればよいですか?



1
「試してみる」とはググリングを意味することもあります。
ズンディ

2
@sandy私はこれをグーグルから得る..;)
ihsan

1
@Qwerty私は同じ質問をググってこのページを得ました。
イジー

@Izzyそれは大丈夫です、この質問はグーグルの結果に出くわすのに十分古いので。それにより、SOの最もよく知られているヘルプバンパイアの1つを紹介します。
Qwerty

回答:



104

テキストボックスに「mytextbox」のid属性がある場合、次のように長さを取得できます。

var myLength = $("#mytextbox").val().length;
  • $("#mytextbox") IDでテキストボックスを検索します。
  • .val() 文字列である、ユーザーが入力した入力要素の値を取得します。
  • .length 文字列の文字数を取得します。

27
jsutがコードを提供したのではなく、すべての機能を説明したため、賛成票を投じてください。

テキストフィールドにIDがない場合は、名前で参照できます。行う$("input[name='myinputname']").val().length;
TARKUS

10

私にとってはテキストボックスではなく、スパンタグであり、これは私にとってはうまくいきました。

var len = $("span").text().length;

3

下記のコードは、テキストボックスに入力されたすべての文字の長さを取得するために完全に機能します。

$("#Texboxid").val().length;


2

コード

$('#montant-total-prevu').on("change", function() {

var taille = $('#montant-total-prevu').val().length;

    if (taille > 9) {

//TODO

}

});

1

適切なjQueryセレクターで要素.val()を取得し、次にメソッドで入力テキストボックスに含まれる文字列を取得して、その文字列でを呼び出すだけ.lengthです。

$('input:text').val().length

ただし、セレクターが複数の入力に一致.val()する場合は、最初のテキストボックスの値のみが返されることに注意してください。セレクターを変更してより具体的な要素を取得することもできますが、を保持し:textて、それが入力テキストボックスであることを確認してください。

別のノートでは、他の中に含まれる文字列の長さは、非入力要素は、あなたが使用することができます取得する.text()文字列を取得する機能をし、その後、使用.length上のその長さを見つけるために、文字列。


1
-1不正解です。最初の入力ボックスの値の長さのみが返されます。jsfiddle.net/8Khzf
nyuszika7h

どうもありがとう。その役に立ちました。入力タイプをチェックする新しい方法を学びます。あなたの答えを見る前に、私は$( "input [type = 'text']")に慣れていました。
Zohaib 2016年
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.