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

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

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