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

138

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

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,