Create field showing all required fields have been populated

That’s a smart idea a quick visual check saves time. It’s like getting a mid taper fade, clean and polished so everything looks just right at a glance.

I'd do this one a little differently.  Use the default value as an indicator.  

Use a text field for this calculation script. 

Note that the script skips buttons, which cannot be required, and signature fields, which need to be validated differently. 

var nComplete=0, nRequired = 0;
for(var i = 0; i < this.numFields; i++)
{
    var oFld=this.getField(this.getNthFieldName(i));
    if((oFld.type != "button") && (oFld.type != "signature")) {
        if(oFld.required){
            nRequired ++;
            if(oFld.defaultValue != oFld.value) nComplete++;
        }
     }
}

if(nComplete == nRequired){
    event.value = "All Required Fields Complete (" + nRequired + " required)";
    event.target.fillColor = color.green;
}
else{
    event.value = "Missing " + (nRequired-nComplete).toString + " Required Fields out of " + nRequired;
    event.target.fillColor = color.red;
}

Enter the following script as a custom calculation in the text field that you want to change color if all required fields are completed and change the 5 in the script to the number of required fields:

var count=0;
for(var i = 0; i < this.numFields; i++)
{
var fieldName = this.getNthFieldName(i);
var oFld=this.getField(fieldName);
if(oFld==null){continue}
if(oFld.required==true && oFld.value!="")
{count++}
}

count==5?event.target.fillColor=color.green:event.target.fillColor=color.transparent;