如何获取使用jQuery在文本框中输入的文本的长度？

138

jquery

— 布兰克曼
source

13

你尝试了什么？

— Qwerty

1

有时，“尝试”的意思是谷歌搜索。

— zundi 2015年

2

@sandy我是从Googling那里得到的..;）

— ihsan

1

@Qwerty我已经用谷歌搜索了同样的问题，并获得了此页面。

— Izzy

@Izzy没关系，因为这个问题已经足够老到可以在google结果中显示出来了。因此，我向您介绍SO的最著名的帮助吸血鬼之一。

— Qwerty

320

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

— 伊费尔德布鲁姆
source

13

对于伟大的正义〜

— Vael Victus

104

如果您的文本框的id属性为“ mytextbox”，则可以得到如下长度：

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

$("#mytextbox") 通过其ID查找文本框。
.val() 获取用户输入的输入元素的值，它是一个字符串。
.length 获取字符串中的字符数。

— 乔纳森·特兰
source

27

Up Vote是因为您解释了所有功能，而不是jsut提供了代码。

如果您的文本字段没有ID，则可以按名称进行引用。做$("input[name='myinputname']").val().length;

— TARKUS

10

对我来说，它不是文本框，而是一个span标签，这对我有用。

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

— 罗希斯
source

3

下面提到的代码可以很好地处理文本框中输入的任何字符的长度。

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

— 阿奇布·谢赫德（Aqib Shehzad）
source

2

码

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

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

    if (taille > 9) {

//TODO

}

});

— 法迪德
source

1

您只需要使用适当的jQuery选择器抓取元素，然后使用.val()方法来获取输入文本框中包含的字符串，然后.length对该字符串进行调用。

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

但是，请注意，如果选择器匹配多个输入，.val()则只会返回第一个文本框的值。您还可以更改选择器以获取更具体的元素，但请保留选择器:text以确保它是输入文本框。

另外，要获取包含在另一个非输入元素中的字符串的长度，可以使用.text()函数获取字符串，然后.length在该字符串上使用以查找其长度。

— 达夫斯拉
source

1

-1您错了，它只返回第一个输入框值的长度。jsfiddle.net/8Khzf

— nyuszika7h 2011年

非常感谢。它有帮助。我学习了检查输入类型的新方法。在看到您的答案之前，我习惯了$（“ input [type ='text']”）。

— Zohaib