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?



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:



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.

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;

3

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

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


2

KODE

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

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

    if (taille > 9) {

//TODO

}

});

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.


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
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.