javascript - 如何检查页面中是否没有或所有文本框都输入了文本？

Question

我正在用 ajax、javascript 和 jquery 用 php 开发一个网站。

在一种形式中，有一个动态数量的文本框，具体取决于用户的状态。文本框 id 将是 'tb'+id，如 tb1、tb5、tb25、tb60 等，所有文本框类都是 'po'。

现在单击保存按钮，我需要验证这些“tb”文本框。所有文本框都应该是空白的，或者都不应该是空白的。

任何人都可以帮我实现这一目标吗？

Answer 1

尝试

var $pos = $('.po');
var entered = $po.filter(function(){
    return $.trim(this.value) == '';
});

if(entered.length != 0 && $pos.length != entered.length){
    //invalid since some are left blank
}

Answer 2

var txt_box_count  = $(".po").length;

var empty_text_boxe_count = $(".po").filter(function(){
    return $.trim($(this).val()) == '';
}).length;


if(empty_text_box_count == 0)
{
     alert("all text fields are filled");   
}
else if(txt_box_count == empty_text_boxe_count)
{
     alert("all text fields are empty");
}

Answer 3

尝试这个：

var isValid = $('.po').filter(function(){ return !$(this).text();});

if(isValid.length){ /* or if(isValid[0]){
    //some textbox is empty
}
else{
    //all are filled
}

Answer 4

试试这段代码

        var tLength = $('.po').length;
        var allEmpty = $('.po').filter(function () {
            return $.trim($(this).val()).length > 0;
        });
        var allFilled = $('.po').filter(function () {
            return $.trim($(this).val()).length == 0;
        });

        if (allEmpty == tLength) {
            //All empty
        }
        else if (allFilled == tLength) {
            //All Filled
        }