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

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

我的第一个主要任务是,我想点击提交按钮,遍历整个表单,并根据特定凭据和validation规则validation表单,然后再将其发送到服务器。 我已经看到了一些与获取表单中所有输入字段示例相关的post,但我正在寻找一种解决方案,它将遍历整个表单及其内容,然后对特定的所有表单元素进行validation(包括选择框,输入框,文本框等)。

我可以单独做这个,但我最好还是要在顶部 – 底部进行validation,所以如果第一个字段是示例选择而下一个是输入字段,它应该从顶部到底部遍历表单以便我可以根据那个输出错误。

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

使用jQuery :input选择器:

 jQuery("form :input"); 

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

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

试试这个:

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