如何用两个类名检查所有文本框的值?

时间:2013-06-06 13:53:46

标签: jquery html

我有一个包含两个班级"Remark Valid"的文本框 我想检查它是否为空。那是val()=""。怎么检查我不知道。我有很多带有两个课程的文本框。

我正在使用以下代码:

$("div.editorRow input").each(function () {
  if (!$(this).val()) {
    //Doing tasks
  }
}

但我只是想检查"Remark Valid"文本框是否value is ""。我在div中也有其他文本框。

注意:之前是Val,但我根据我的代码将其更新为有效。所以请不要生气......

3 个答案:

答案 0 :(得分:2)

试试这个:

// Get all the text-boxes first
var $text = $('div.editorRow input.Remark.Val');

// Loop through each of them
$text.each(function () {

    // Trim the value to remove the whitespace from the beginning & end.
    if ($.trim(this.value) == '') {
        // Textbox is empty
    }
});

答案 1 :(得分:0)

使用此选择器:

if($(".Remark.Valid").val() == "") {
 //code
}

确保它们之间没有空格,因为这意味着您选择的.Val.Remark的孩子,而您不会想要这样。 ;)

答案 2 :(得分:0)

有趣的是,你迄今为止收到的所有三个答案都有相同的类别推荐问题(即:他们都是针对班级名称"Remark""Val" - 这些都不是你在问题中指定的课程。

原则是正确的:jQuery选择器允许您使用multiple-class selectors定位:多个类(.classone.classtwo)。

所以,您正在寻找答案,假设输入中的两个类别为"Remark""Valid"

$('.Remark.Valid').val();

这将获取两个类的所有元素的值。

要检查它是否为空(作为您的问题编辑),您真的很接近。我就是这样做的:

$("div.editorRow input").each(function () {
    var remarkInput = $(this).find('.Remark.Valid');

    if($.trim(remarkInput.val()) == ''){
        // then your input is empty
    }
}

你也可以通过测量输入值的长度(可以说)稍快一点来实现同样的目的:

if(remarkInput.val().length <= 0){
    // then your input is empty
}