确定class =“x”的文本字段中是否存在文本

时间:2013-08-21 10:11:08

标签: jquery

我有三个text box's用户可以输入文字,但我不知道会输入什么。我想看看盒子里是否有文字。我知道如果我知道文本条目

,我可以使用jQuery来查明是否有文本
$( ".x:contains('John')" )

但我不知道他们要输入什么,所以有解决方法吗?

6 个答案:

答案 0 :(得分:1)

首先,您现在拥有的内容将无效,因为:contains会在元素或其子元素的text()属性中查找文本。

如果您只想检查字段是否有值,可以执行以下操作:

if ($('.x').val()) {
   // this field has a value
}

如果你想检查的是一个包含单词John的值,你可以这样做:

if ($('.x').val().contains('John')) {
   // this field has a value, and it contains the word John
}

答案 1 :(得分:0)

如果您只是想知道文本框是否填满了某些内容(无论如何),那就是这样:

if ($(".x").val())
    // Non empty text box

答案 2 :(得分:0)

您可以使用$('.x').val().length来获取textfield / textarea的长度。

答案 3 :(得分:0)

使用$('.x').val()获取值

答案 4 :(得分:0)

当您使用类而不是选择器的id时:如果这些是多个字段,并且您想要使用或不使用值来查找所有字段:

// get all fields with a value
var fields = $('.x').filter(function() { return ('' != $(this).val()); });

// get all fields without a value
var fields = $('.x').filter(function() { return ('' == $(this).val()); });

如果这些是表单输入字段,请使用.val()。如果这些是任何其他类型的容器,请使用.text(),例如<div>

答案 5 :(得分:0)

如果您想检查字段是否为值,请执行以下操作:

if($(".x").val()!=null && $(".x").val()!=""){
   //this field as value
}

如果有多个字段具有相同的类.x,您可以使用.each并检查:

$(".x").each(function(){
    if($(this).val()!=null && $(this).val()!=""){
       //this field as value
    }
}