Find Empty Input Elements Inside A Collection - JQuery

June 07, 2022 Post a Comment

I am trying to find the empty input types like textbox, select and li elements inside a jQuery resultset. My resultset is (requiredfields) - $requiredFields = $('.f-form-required.

Solution 1:

There is no val property. Try using .val() instead or this.value:

var emptyInputs = 0;
$requiredFields.filter(function(){
    $('input[type=text]').each(function(){
        if (jQuery(this).val()  == "") {
            emptyInputs = emptyInputs + 1;         
        } 
    }); 
});

or:

var emptyInputs = 0;
$requiredFields.filter(function(){
    $('input[type=text]').each(function(){
        if (this.value  == "") {
            emptyInputs = emptyInputs + 1;         
        } 
    }); 
});

Solution 2:

I think you arn't using .filter() quite as it is expected to be used. Consider something like this:

Baca Juga

<html>
<body>
    <div>
       <input type="text" id="text1" class="f-form-required f-form-field" />
       <input type="text" id="text2" class="f-form-required f-form-field" value="test" />
       <input type="text" id="text3" class="f-form-required f-form-field" />
    </div>
</body>
</html>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>    
<script type="text/javascript">
    function test(){
        var $requiredFields = $('.f-form-required.f-form-field');

        var $errorFields = $requiredFields.filter(function () {
            var $this = $(this);
            return $this.is('input') && $this.val() === '';
        });
        var errorCount = $errorFields.length;

        console.log('errors:' + errorCount);
    }


    $(document).ready(function(){
        test();
    }
</script>

JavaScript Free

Find Empty Input Elements Inside A Collection - JQuery

Solution 1:

Solution 2:

Post a Comment for "Find Empty Input Elements Inside A Collection - JQuery"