JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">

 <div class="field_shell">

   <label for="name">Name</label>
   <input type="text" name="name" id="name" value="demo" class="field">

 </div>

 <div class="field_shell">

   <label for="age">Age</label>
   <input type="text" name="age" id="name" class="field">

 </div>
<input id="ctl00_ctl00_ContentPlaceHolderBase_cphBody_LiteReg_chkMonsterPromoOptin" type="checkbox" name="ctl00$ctl00$ContentPlaceHolderBase$cphBody$LiteReg$chkMonsterPromoOptin">
</div>

JavaScript

var count=0;
$('#container').find('input[type="text"]').each(function(){
    if ($.trim($(this).val()).length) {
        count+=1
        alert("Filled Value="+$(this).val());
    }
});
alert("Total Input Count="+$('#container').find('input[type=checkbox]').length+"//Filled Inputs Count="+count);