클릭 가능한 이미지 위에 버튼이있는 양식을 제출하는 방법은 무엇입니까?

Question

이미지를 클릭하면 www.google.com (예를 들어)으로 이동합니다. 위의 이미지에서 양식을 제출하는 imput을 배치했습니다.

1. 는
2. 가 www.google.com으로 이동 양식을 제출

누군가가 원인을 알고 있습니까 : 나는 그것이이 작업을하게 버튼을 클릭 하면?

버튼을 클릭하면 유일한 작업 (양식 제출)이 완료되고 동일한 페이지에 머물러 있으며 이미지를 클릭하면 www.google.com으로 이동합니다.

누군가가 어떻게하면 버튼을 클릭 할 때 폼을 제출하는 것만 알 수 있습니까?

Answer 1

포스트 백에 숨겨진 변수를 설정하고 양식 제출 후 변수가 일부 값으로 설정되어 있는지 확인하지 않는 이유는 무엇입니까? 그것이 설정 되었다면 그 코드로 무엇을 하든지간에 google로 리디렉션합니다. 당신이 jQuery를 사용하는 경우

Answer 2

만이이 작업을 수행 할 수 있습니다

$('#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/