列出所有表单元素及其属性

Question

我想用jQuery列出所有表单元素的属性，我编写代码，它适用于表单中的元素索引0，但对于其他元素，页面将刷新...！ 这里是我的代码：

$(document).ready(function(){ 
    $("form#registerForm").submit(function(){ 
     var allInputs = $("form#registerForm :input"); 
     $.each(allInputs, function(index, field) { 
      $("#res").append(index + " :: " + field + "<br />"); 
      $.each(field, function(pIndex, pValue) { 
       $("#res").append(pIndex + " :: " + pValue + "<br />"); 
      }); 
     }); 
    return false; 
    }); 
}); 

感谢您的帮助:)

Answer 1

它很可能在你的方法出现错误，造成永远无法达到return false声明。

为避免此类问题，请在您的submit处理程序的开头使用event.preventDefault()。

$(document).ready(function(){ 
    $("form#registerForm").submit(function(event){ 
     event.preventDefault(); 
     $(this).find(":input").each(function(index, field) { 
      $("#res").append(index + " :: " + field + "<br />"); 
      // What do you expect below..? 
      $.each(field, function(pIndex, pValue) { 
       $("#res").append(pIndex + " :: " + pValue + "<br />"); 
      }); 
     }); 
     return false; 
    }); 
});