Como posso inserir o tamanho do texto em uma caixa de texto usando o jQuery?

138

Como posso inserir o tamanho do texto em uma caixa de texto usando o jQuery?

Blankman
fonte
1
Às vezes, "tentar" significa pesquisar no Google.
zundi 2/10/2015
2
@sandy eu recebo isso do Googling ..;)
ihsan
1
@ Qwerty Pesquisei a mesma pergunta no Google e obtive esta página.
Izzy #
@ Izzy Está tudo bem, já que esta pergunta é antiga o suficiente para se destacar nos resultados do google. Por isso, apresento a você um dos vampiros de ajuda mais conhecidos do SO.
Qwerty

Respostas:

320
var myLength = $("#myTextbox").val().length;
yfeldblum
fonte
13
Para grande justiça ~
Vael Victus
104

Se sua caixa de texto tiver um atributo de id "mytextbox", você poderá obter o comprimento da seguinte forma:

var myLength = $("#mytextbox").val().length;
  • $("#mytextbox") localiza a caixa de texto por seu ID.
  • .val() obtém o valor do elemento de entrada inserido pelo usuário, que é uma sequência.
  • .length obtém o número de caracteres na sequência.
Jonathan Tran
fonte
27
Up Vote porque você explicou o que tudo faz, mas não forneceu o código.
Se o seu campo de texto não tiver um ID, você poderá referenciá-lo pelo nome. Faça um$("input[name='myinputname']").val().length;
TARKUS
10

Para mim, não é uma caixa de texto, é uma tag de extensão e isso funcionou para mim.

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

O código abaixo mencionado funciona perfeitamente para obter o comprimento de qualquer caractere inserido na caixa de texto.

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

Aqib Shehzad
fonte
2

CÓDIGO

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

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

    if (taille > 9) {

//TODO

}

});
Fadid
fonte
1

Você só precisa pegar o elemento com um seletor jQuery apropriado e, em seguida, o .val()método para obter a string contida na caixa de texto de entrada e depois chamar a .lengthstring.

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

No entanto, esteja avisado que, se o seletor corresponder a várias entradas, .val()retornará apenas o valor da primeira caixa de texto. Você também pode alterar o seletor para obter um elemento mais específico, mas mantenha-o :textpara garantir que seja uma caixa de texto de entrada.

Em outra nota, para obter o comprimento de uma string contido em outro, elemento não-entrada, você pode usar a .text()função para obter a corda e , em seguida, usar .lengthem que corda para encontrar seu comprimento.

daveslab
fonte
1
-1 Você está errado, apenas retorna o comprimento do valor da primeira caixa de entrada. jsfiddle.net/8Khzf
nyuszika7h
Muito obrigado. É útil. Aprendo uma nova maneira de verificar o tipo de entrada. Antes de ver sua resposta, eu estava acostumado a $ ("input [type = 'text']").
precisa saber é o seguinte