Javascript 迭代所有表单元素,无论其类型如何

Javascript 迭代所有表单元素,无论其类型如何,javascript,jquery,Javascript,Jquery,我正忙着为我们的一位客户找一位表格经理。总的想法是,表单将为各个部门构建,我想创建一个微系统,它将处理表单的验证等,而无需重复太多工作。尽可能自动化 我的第一个主要任务是,在单击submit按钮时,遍历整个表单,并根据特定的凭据和验证规则在表单发送到服务器之前验证表单。我已经看到了许多关于获取表单中所有输入字段示例的帖子,但我正在寻找一种解决方案,它将迭代整个表单及其内容,然后对所有表单元素(包括选择框、输入框、文本框等)进行验证 我可以单独这样做,但我更希望验证是自上而下进行的,因此,如果第一

我正忙着为我们的一位客户找一位表格经理。总的想法是,表单将为各个部门构建,我想创建一个微系统,它将处理表单的验证等,而无需重复太多工作。尽可能自动化

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

我可以单独这样做,但我更希望验证是自上而下进行的,因此,如果第一个字段是示例select,下一个是输入字段,它应该从上到下遍历表单,以便我可以根据该字段输出错误

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

标题
请选择。。。
先生
全名:
.....

使用jQuery
:输入
选择器:

jQuery("form :input");
描述:选择所有输入、文本区域、选择和按钮元素

试试这个:

//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
});

当然可能是重复的,但在你的链接(11月14日13:14被问到)撤销投票之前的9个月左右,我被问到了