¿Cómo puedo obtener la longitud del texto ingresado en un cuadro de texto usando jQuery?

138

¿Cómo puedo obtener la longitud del texto ingresado en un cuadro de texto usando jQuery?

Blankman
fuente
1
A veces "intentar" significa buscar en Google.
zundi
2
@sandy, obtengo esto de Google ...;)
ihsan
1
@Qwerty Busqué en Google la misma pregunta y obtuve esta página.
Izzy
@Izzy Eso está bien, ya que esta pregunta es lo suficientemente antigua como para aparecer en los resultados de Google. Por lo tanto, te presento uno de los vampiros de ayuda más conocidos de SO.
Qwerty

Respuestas:

320
var myLength = $("#myTextbox").val().length;
Yfeldblum
fuente
13
Por gran justicia ~
Vael Victus
104

Si su cuadro de texto tiene un atributo de id "mytextbox", puede obtener la longitud de esta manera:

var myLength = $("#mytextbox").val().length;
  • $("#mytextbox") encuentra el cuadro de texto por su id.
  • .val() obtiene el valor del elemento de entrada ingresado por el usuario, que es una cadena.
  • .length obtiene el número de caracteres en la cadena.
Jonathan Tran
fuente
27
Up Vote porque usted explicó lo que hace todo, no solo proporcionó el código.
Si su campo de texto no tiene una identificación, puede hacer referencia a él por su nombre. Hacer un$("input[name='myinputname']").val().length;
TARKUS
10

Para mí no es un cuadro de texto, es una etiqueta span y esto funcionó para mí.

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

El código mencionado a continuación funciona perfectamente bien para tomar la longitud de los caracteres ingresados ​​en el cuadro de texto.

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

Aqib Shehzad
fuente
2

CÓDIGO

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

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

    if (taille > 9) {

//TODO

}

});
Fadid
fuente
1

Solo necesita tomar el elemento con un selector jQuery apropiado y luego el .val()método para obtener la cadena contenida en el cuadro de texto de entrada y luego llamar .lengtha esa cadena.

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

Sin embargo, tenga en cuenta que si el selector coincide con varias entradas, .val()solo devolverá el valor del primer cuadro de texto. También puede cambiar el selector para obtener un elemento más específico, pero mantenerlo :textpara asegurarse de que sea un cuadro de texto de entrada.

Por otro lado, para obtener la longitud de una cadena contenida en otra, elemento no de entrada, se puede utilizar la .text()función para obtener la cuerda y luego utilizar .lengthel que la cadena para encontrar su longitud.

daveslab
fuente
1
-1 Estás equivocado, solo devuelve la longitud del primer valor del cuadro de entrada. jsfiddle.net/8Khzf
nyuszika7h
Muchas gracias. Es útil. Aprendo una nueva forma de verificar el tipo de entrada. antes de ver su respuesta, estaba acostumbrado a $ ("input [type = 'text']").
Zohaib