遍历所有表单元素，无论其类型如何

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");

说明：选择所有输入，文本区域，选择和按钮元素。

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

Answer 2

试试这个：

//loop through all input elements
$("form :input").each(function(){
    var thevalue = $(this).val();//the value of the current input element
    var thename = $(this).attr('name');//input name
    var thetype = $(this).attr('type');//input type
});