Question

Is there any way to check if a specific form has any input fields in it? Or if it has no input fields?

Update:

Also how do I return the focus to a button on page load if the condition is met?
The below doesn’t seem to work

var numInputs = $("#forgotPassword").find("input:visible").length;
if(numInputs == 0){
$('.button-class > a').focus(); 
}

Answer 1

I would just select all the inputs inside the form and check to see how many come back

var numInputs = $("#formId input").length;

if (numInputs === 0)
   console.log("no inputs");

And of course if you’d like to include textareas and selects

var numInputs = $("#formId input, #formId textarea, #formId select").length;

or more simply:

var numInputs = $("#formId").find("input, textarea, select").length;

---

EDIT

To exclude hidden inputs, you can use the :visible pseudoselector

var numInputs = $("#formId input:visible").length;