Question

$('.search').click(function () {
    if ($('input:text').val().length == 0 ) { 
        $(".fill-out").fadeIn("1400")
    }
});

$('.search').click(function () {
    if ($('input:text').val().length >= 1) {
        window.location.reload(true);
    }
});

所以我有一些jquery应该显示一个名为.fill-out的隐藏类，当你单击一个提交按钮时，在一个或多个文本输入中没有任何内容。我也试图说明当文本输入中的文本长度大于或等于1时，一旦按下按钮就刷新页面。第二部分无法正常工作。如果任何文本输入的文本长度大于或等于1，则它会刷新页面。我希望第一段代码仍然创建.fill-out部分。有人可以帮忙吗？

Answer 1

您只测试第一个input:text元素中是否包含非空值...您需要遍历输入字段列表并检查每个元素以查看其值是否为空

您需要使用

$('.search').click(function () {
    var valid = $('input:text').filter(function () {
        return $.trim(this.value).length == 0
    }).length == 0
    if (valid) {
        window.location.reload(true);
    } else {
        $(".fill-out").fadeIn("1400")
    }
});

演示：Fiddle

输入：文本jquery

1 个答案: