如何檢查表單是否沒有輸入字段，以及是否將焦點設置到錨元素

Question

有什么方法可以檢查特定表單中是否包含任何輸入字段？ 還是沒有輸入字段？

更新：

另外，如果滿足條件，如何將焦點返回到頁面加載的按鈕？ 以下似乎不起作用

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

Answer 1

我只選擇表單中的所有輸入，然后檢查有多少輸入

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

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

當然，如果您想包括文本區域並選擇

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

或更簡單地說：

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

---

編輯

要排除隱藏的輸入，可以使用:visible偽選擇器

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

Answer 2

只需檢查選擇器結果是否包含任何元素（在此我假設通過輸入字段表示文本輸入字段）：

$('#myform').find('input[type="text"]').length