Javascript jQuery从表单i'；我提交

我正在尝试编写一个jQuery代码，用于发送从任何html页面提交的表单数据。但是如果一个html页面中有多个表单呢？我如何知道我提交的是什么表格？ 我试图在任何html页面上记录我将要进行的活动，因此在不更改html代码的情况下，如何在包含多个表单的网页上获取特定表单的表单数据

$( "*",document.body ).submit(function( event ) {   
  console.log( $( this ).serializeArray() );  
  event.preventDefault();
});

---

这是我写的函数，但它可以在任何提交的表单上工作，而不知道它是哪一个表单。

您可以使用

id

prop，这样您就可以使用

$（“#id'）

选择每个表单，并且您可以通过JavaScript添加该prop，而无需弄乱HTML本身。如前所述，使用

this.name

可以为您提供当前表单的名称，这样您就可以迭代页面中的所有表单，并访问每个表单的名称（以及其他属性），这样您就可以更好地控制您需要对每个表单执行的任何操作。

您可以使用此关键字访问所有属性表单，代表当前提交的表格

通过示例识别您的表单，无论是id、名称，为每个文件添加一个id，然后使用

javascript=>

this.name

或jQuery=>

$（this.attr（'name'）

请参阅下面的代码片段：

$（“*”，document.body）.submit（函数（事件）{
console.clear（）；
console.log（“form id=”，$（this.attr（“id”））；
console.log（“form name=”，$（this.attr（“name”））；
//或console.log（“form id=”，this.id）；
event.preventDefault（）；
});

这个。name
是当前表单的名称。正如Richard和Barmar所说，有
id
和
name
，但是您可以创建一个完全有效的表单，而这两个表单都没有。如果您完全通过javascript处理表单提交，您甚至不需要
action
或
method
属性。如果您不是构建表单的人，那么您需要声明需要id或名称，或者在您的体系结构中说明这一点。