javascript - ページ内のテキストボックスにテキストが入力されていないか、すべてのテキストボックスにテキストが入力されているかどうかを確認する方法は?

Question

ajax、javascript、およびjqueryを使用して、phpで1つのWebサイトを開発しています。

1 つのフォームには、ユーザーのステータスに応じて動的な数のテキスト ボックスがあります。テキストボックス ID は、tb1、tb5、tb25、tb60 などのように「tb」+id になり、すべてのテキストボックス クラスは「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
        }