Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 找出提交的html表单_Javascript_Jquery_Html_Forms - Fatal编程技术网

Javascript 找出提交的html表单

Javascript 找出提交的html表单,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,假设我在一个网站中有许多html表单。我需要找出提交了哪个html表单 $("form").submit(function(event){ } 使用上述功能,我可以找出提交的表单吗?您应该为表单分配一个可识别的属性,并使用event.target访问该属性 在本例中,我为每个表单分配了名称,并在提交表单时将名称打印在控制台上 $("form").submit(function(event){ } $(“表单”).submit(函数(事件){ event.preventDefault();

假设我在一个网站中有许多html表单。我需要找出提交了哪个html表单

$("form").submit(function(event){ }

使用上述功能,我可以找出提交的表单吗?

您应该为表单分配一个可识别的属性,并使用
event.target
访问该属性

在本例中,我为每个表单分配了
名称
,并在提交表单时将名称打印在控制台上

$("form").submit(function(event){ }
$(“表单”).submit(函数(事件){
event.preventDefault();
日志(event.target.name);
});

提交
提交
提交

您应该为表单分配一个可识别的属性,并使用
event.target
访问该属性

在本例中,我为每个表单分配了
名称
,并在提交表单时将名称打印在控制台上

$("form").submit(function(event){ }
$(“表单”).submit(函数(事件){
event.preventDefault();
日志(event.target.name);
});

提交
提交
提交

即使建议使用ID,也可以不使用它。event.target提供表单的引用

$("form").on("submit", function(event){
event.preventDefault();
var a = $(event.target).children("input[type='text']").val();
console.log(a);
});


谢谢@31piy的提醒

即使建议使用ID,也可以不使用它。event.target提供表单的引用

$("form").on("submit", function(event){
event.preventDefault();
var a = $(event.target).children("input[type='text']").val();
console.log(a);
});


谢谢@31piy的提醒

查看下面的链接,确定不同表单的提交

$(文档).ready(函数(){
$(“#表格1”)。提交(功能(事件){
警报($(this.attr('id'));
event.preventDefault();
});
$(“#表格2”)。提交(功能(事件){
警报($(this.attr('id'));
event.preventDefault();
});
$(“#其他”)。单击(函数(){
$(“#表格1”).submit();
});
$(“#其他2”)。单击(函数(){
$(“#表格2”).submit();
});
});

单击以触发第一个表单的处理程序
单击以触发第二个表单的处理程序

查看下面的链接,以确定不同表单的提交

$(文档).ready(函数(){
$(“#表格1”)。提交(功能(事件){
警报($(this.attr('id'));
event.preventDefault();
});
$(“#表格2”)。提交(功能(事件){
警报($(this.attr('id'));
event.preventDefault();
});
$(“#其他”)。单击(函数(){
$(“#表格1”).submit();
});
$(“#其他2”)。单击(函数(){
$(“#表格2”).submit();
});
});

单击以触发第一个表单的处理程序
单击以触发第二个表单的处理程序
问得好

我通常将每一张表格提交给不同的路线处理程序。通过这种方式,我设法保持了一些基本原则(单一责任原则)。否则,代码可能会变得太复杂而无法阅读

如果您坚持使用相同的路线,然后在后端进行区分,我相信其他答案会回答您的问题。

好问题

我通常将每一张表格提交给不同的路线处理程序。通过这种方式,我设法保持了一些基本原则(单一责任原则)。否则,代码可能会变得太复杂而无法阅读


如果您坚持使用相同的路线,然后在后端进行区分,我相信其他答案会回答您的问题。

给他们ID或使他们唯一的东西。使用ID进行表单。您可以使用
$(this).attr()检查分配给表单标记的属性
喜欢它的
id
。我不确定数组中的第一个表单是否会被提交。给它们id或使其唯一的东西。使用id作为表单。您可以使用
$(this.attr()检查分配给表单标记的属性
喜欢它的
id
。我不确定,尽管我认为数组中的第一个表单总是会被提交的。