Bagaimana saya bisa mendapatkan panjang teks yang dimasukkan dalam kotak teks menggunakan jQuery?

138

Bagaimana saya bisa mendapatkan panjang teks yang dimasukkan dalam kotak teks menggunakan jQuery?

jquery Blankman
sumber
13
Apa yang sudah kamu coba?
Qwerty
1
Terkadang "mencoba" berarti Googling.
zundi
2
@sandy Saya mendapatkan ini dari Googling ..;)
ihsan
1
@Qwerty Saya telah googled untuk pertanyaan yang sama dan mendapatkan halaman ini.
Izzy
@Izzy Tidak apa-apa, karena pertanyaan ini cukup tua untuk muncul di hasil google. Dengan demikian saya persembahkan kepada Anda salah satu vampir bantuan SO yang paling terkenal.
Qwerty

Jawaban:

320 
var myLength = $("#myTextbox").val().length;
yfeldblum
sumber
13
For Great Justice ~
Vael Victus
104

Jika kotak teks Anda memiliki atribut id "mytextbox", maka Anda bisa mendapatkan panjangnya seperti ini:

var myLength = $("#mytextbox").val().length;
  • $("#mytextbox") menemukan kotak teks dengan id-nya.
  • .val() mendapat nilai dari elemen input yang dimasukkan oleh pengguna, yang merupakan string.
  • .length mendapatkan jumlah karakter dalam string.
Jonathan Tran
sumber
27
Up Vote karena Anda menjelaskan apa fungsinya, bukan hanya memberikan kode.
Jika bidang teks Anda tidak memiliki id, Anda dapat merujuknya dengan nama. Do a$("input[name='myinputname']").val().length;
TARKUS
10

Bagi saya itu bukan kotak teks itu tag rentang dan ini bekerja untuk saya.

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

Kode yang disebutkan di bawah ini berfungsi dengan baik untuk mengambil semua karakter yang dimasukkan dalam kotak teks.

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

Aqib Shehzad
sumber
2

KODE

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

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

    if (taille > 9) {

//TODO

}

});
Fadid
sumber
1

Anda hanya perlu mengambil elemen dengan pemilih jQuery yang sesuai dan kemudian .val()metode untuk mendapatkan string yang terkandung dalam kotak teks input dan kemudian memanggil .lengthpada string itu.

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

Namun, berhati-hatilah bahwa jika pemilih cocok dengan beberapa input, .val()hanya akan mengembalikan nilai kotak teks pertama . Anda juga dapat mengubah pemilih untuk mendapatkan elemen yang lebih spesifik tetapi tetap :textmemastikannya sebagai kotak teks input.

Pada catatan lain, untuk mendapatkan panjang string yang terkandung dalam lain, elemen non-masukan, Anda dapat menggunakan .text()fungsi untuk mendapatkan string dan kemudian menggunakan .lengthpada yang string untuk menemukan panjangnya.

daveslab
sumber
1
-1 Anda salah, itu hanya mengembalikan panjang nilai kotak input pertama . jsfiddle.net/8Khzf
nyuszika7h
Terima kasih banyak. Ini sangat membantu. Saya belajar cara baru untuk memeriksa tipe input. sebelum melihat jawaban Anda, saya terbiasa dengan $ ("input [type = 'text']").
Zohaib