JSFiddle - React, Tailwind, and code Playground

HTML

Input 1:<input type="text" Required="true" /> (required)<br />
Input 2:<input type="text" Required="true" style="display:none" /> (required)<br />
Input 3:<input type="text" /><br />
<button id="testButton">Count inputs</button>
<br /><br />

JavaScript

$("#testButton").click(function(){
    var required = $("input[Required='true']").length;
    var visible = $("input:visible").length;
    var visibleRequired = $("input[Required='true']:visible").length;
    alert("Required: " + required + "\r\nVisible: " + visible + "\r\nVisible & required: " + visibleRequired);
});