単純にinput要素を並べて、その数を数えています。
表示されていないhidden要素も含めて取得されていることに注意してください。
Selectors/API/jQuery
:input
全てのinput, textarea, select, button要素を選択します。
サンプル
サンプル1
<form> <input type="button" value="Input Button"/> <input type="checkbox" /> <input type="file" /> <input type="hidden" /> <input type="image" /> <input type="password" /> <input type="radio" /> <input type="reset" /> <input type="submit" /> <input type="text" /> <select><option>Option</option></select> <textarea></textarea> <button>Button</button> </form>
var allInputs = $(":input");
var formChildren = $("form > *");
$("div")
.text("Found " + allInputs.length + " inputs and the form has " + formChildren.length + " children.")
.css("color", "red");
$("form")
.submit(function () { return false; }); // so it won't submit
[全コードを表示]
[実行結果を単体で表示]