Як я можу отримати довжину тексту, введеного у текстове поле за допомогою jQuery?

138

jquery

— Бланкмен
джерело

13

Що ви спробували?

— Qwerty

1

Іноді "пробувати" означає гуглінг.

— zundi

2

@sandy Я отримую це від Googling ..;)

— ihsan

1

@Qwerty У мене є Google для того ж питання, і я отримав цю сторінку.

— Іззі

@Izzy Це добре, оскільки це питання досить старе, щоб наштовхнутися на результати Google. Цим я представляю вам одного з найбільш відомих вампірів допомоги.

— Qwerty

320

var myLength = $("#myTextbox").val().length;

— yfeldblum
джерело

13

За велику справедливість ~

— Vael Victus

104

Якщо у вашому текстовому полі є атрибут id "mytextbox", ви можете отримати довжину таким чином:

var myLength = $("#mytextbox").val().length;

$("#mytextbox") знаходить текстове поле за його ідентифікатором.
.val() отримує значення введеного користувачем вхідного елемента, що є рядком.
.length отримує кількість символів у рядку.

— Джонатан Тран
джерело

27

Голосувати вгору, оскільки ви пояснили, що це все робить, а не jsut надав код.

Якщо у вашому текстовому полі немає ідентифікатора, ви можете посилатися на нього по імені. Зробіть$("input[name='myinputname']").val().length;

— TARKUS

10

Для мене це не текстове поле, це тег span, і це працювало для мене.

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

— Рохіт
джерело

3

Нижче згаданий код працює ідеально, щоб взяти довжину будь-яких символів, введених у текстове поле.

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

— Акіб Шехзад
джерело

2

КОД

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

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

    if (taille > 9) {

//TODO

}

});

— Фадід
джерело

1

Вам потрібно лише захопити елемент відповідним селектором jQuery, а потім .val()методом, щоб отримати рядок, що міститься у вхідному текстовому полі, а потім викликати .lengthцей рядок.

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

Однак слід попередити, що якщо селектор збігається з декількома входами, .val()поверне лише значення першого текстового поля. Ви також можете змінити селектор, щоб отримати більш конкретний елемент, але збережіть його, :textщоб переконатися, що це вхідне текстове поле.

В іншій примітці, щоб отримати довжину рядка, що міститься в іншому, не введеному елементі, ви можете скористатися .text()функцією, щоб отримати рядок, а потім використати .lengthна цій рядку, щоб знайти її довжину.

— давеслаб
джерело

1

-1 Ви помиляєтесь, він повертає лише довжину значення першого поля введення. jsfiddle.net/8Khzf

— nyuszika7h

Дуже дякую. Це корисно. Я дізнаюся новий спосіб перевірити тип введення. перед тим, як побачити вашу відповідь, я використовувався до $ ("input [type = 'text']").

— Зохайб