javascript - 迭代所有表单元素，无论其类型如何

Question

我正忙于为我们的一位客户处理表单管理器。总体想法是为各个部门构建表单，我想创建一个微型系统来处理表单的验证等，而无需重做太多工作。尽可能自动化。

我的第一个主要任务是，我想在单击提交按钮时迭代整个表单，并根据特定的凭据和验证规则在将表单发送到服务器之前对其进行验证。我看过很多与获取表单中所有输入字段的示例相关的帖子，但我正在寻找一种解决方案，该解决方案将迭代整个表单及其内容，然后对所有表单元素(包括选择框、输入框、文本框等)。

我可以单独执行此操作，但我更希望从上到下进行验证，因此如果第一个字段是选择示例，下一个是输入字段，则它应该从上到下迭代表单，以便我可以据此输出错误。

// Sample code:
$(document).ready(function() {
    $("#main_submit").click(function() {
        // Select all of the form fields here and iterate through them ...
    });
});

<form name='test_form' method='POST' action=''>
    <div>
        <label for='title'>Title</label>
        <select name='title'>
            <option value=''>Please select ...</option>
            <option value='MR'>MR.</option>
        </select>
    </div>
    <div>
        <label for='full_name'>Full Name:</label>
        <input name='full_name' type='text' />
    </div>
    .....
</form>

Answer 1

使用 jQuery :input 选择器:

jQuery("form :input");

Description: Selects all input, textarea, select and button elements.

http://api.jquery.com/input-selector/