javascript - 如何在可点击的图像上提交带有按钮的表单？

Question

我有一张图片，当您单击它时，您会转到 www.google.com（例如）。在这样的图像上方，我放置了一个提交表单的输入。当我单击按钮时，它会执行 2 个操作：

1. 提交表格
2. 访问 www.google.com

有人知道原因吗？

我的意图是，当您单击按钮时，唯一完成的操作是第一个（提交表单）并留在同一页面，当您单击图像时，它会转到 www.google.com

有人知道当我单击按钮时我怎么能得到它，唯一发生的事情就是提交表单吗？

Answer 1

如果您使用的是 JQuery，就可以这样做：

$('#id-clickable-image').click(function(event){
    //This line will prevent the normal behavior of the click
    event.preventDefault
    //Code to submit the form... you just fill it
    var field1 = $('#input-id-1').val()
    .
    .
    .
});

您可以查看 JQuery 文档：http ://api.jquery.com/event.preventDefault/

Answer 2

为什么不为回发设置一个隐藏变量，并在表单提交后检查该变量是否设置为某个值。如果已设置，则在您使用该代码执行任何操作后重定向到谷歌。