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

138

jquery

— Blankman
fonte

13

O que você tentou?

— Qwerty

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

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