Jak mogę uzyskać długość tekstu wprowadzonego w polu tekstowym za pomocą jQuery?

138

Jak mogę uzyskać długość tekstu wprowadzonego w polu tekstowym za pomocą jQuery?

jquery Blankman
źródło
13
Czego próbowałeś?
Qwerty
1
Czasami „próbowanie” oznacza szukanie w Google.
zundi
2
@sandy Dostaję to od Googlinga ..;)
ihsan
1
@Qwerty Wyszukałem w Google to samo pytanie i dostałem tę stronę.
Izzy
@Izzy W porządku, ponieważ to pytanie jest na tyle stare, że może pojawiać się w wynikach Google. Tym samym przedstawiam wam jednego z najbardziej znanych wampirów pomocniczych SO.
Qwerty

Odpowiedzi:

320 
var myLength = $("#myTextbox").val().length;
yfeldblum
źródło
13
Za wielką sprawiedliwość ~
Vael Victus
104

Jeśli twoje pole tekstowe ma atrybut id „mytextbox”, możesz uzyskać następującą długość:

var myLength = $("#mytextbox").val().length;
  • $("#mytextbox") znajduje pole tekstowe według jego identyfikatora.
  • .val() pobiera wartość elementu wejściowego wprowadzonego przez użytkownika, którym jest ciąg.
  • .length pobiera liczbę znaków w ciągu.
Jonathan Tran
źródło
27
Głosuj w górę, ponieważ wyjaśniłeś, co to wszystko robi, a nie podałeś kodu.
Jeśli twoje pole tekstowe nie ma identyfikatora, możesz odwołać się do niego przez nazwę. Zrób$("input[name='myinputname']").val().length;
TARKUS
10

Dla mnie to nie pole tekstowe to tag span i to zadziałało dla mnie.

var len = $("span").text().length;
Rohith
źródło
3

Poniższy kod doskonale sprawdza się przy przyjmowaniu długości dowolnych znaków wpisywanych w polu tekstowym.

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

Aqib Shehzad
źródło
2

KOD

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

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

    if (taille > 9) {

//TODO

}

});
Fadid
źródło
1

Musisz tylko pobrać element z odpowiednim selektorem jQuery, a następnie .val()metodę, aby pobrać ciąg zawarty w wejściowym polu tekstowym, a następnie wywołać .lengthw tym ciągu.

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

Należy jednak pamiętać, że jeśli selektor pasuje do wielu danych wejściowych, .val()zwróci tylko wartość pierwszego pola tekstowego. Możesz także zmienić selektor, aby uzyskać bardziej szczegółowy element, ale zachowaj, :textaby upewnić się, że jest to pole tekstowe.

Z drugiej strony, aby uzyskać długość łańcucha zawartego w innym elemencie niebędącym danymi wejściowymi, możesz użyć .text()funkcji do pobrania ciągu, a następnie użyć .lengthna tym ciągu, aby znaleźć jego długość.

daveslab
źródło
1
-1 Mylisz się, zwraca tylko długość wartości pierwszego pola wejściowego. jsfiddle.net/8Khzf
nyuszika7h
Wielkie dzięki. To jest pomocne. Uczę się nowego sposobu sprawdzania typu wejścia. przed zobaczeniem Twojej odpowiedzi byłem przyzwyczajony do $ ("input [type = 'text']").
Zohaib,