표시 형식 결과가 부트 스트랩 모달

Question

Results.aspx라는 페이지에 결과를 게시하는 웹 사이트의 홈 페이지에 간단한 양식을 포함 시켰습니다.

양식의 결과가 같은 페이지에서 반환되는 대신 결과가 새로운 모달로 열리면 좋겠습니다.

어떻게 처리 할 수 ​​있습니까? 다시 요약하면 양식은 홈페이지에 있으며 제출할 때 결과는 새로운 모달 창에 표시되어야합니다.

<form action="Results.aspx" method="post" name="myForm" onsubmit="return validateForm()"> 
<div id="blank-box-form"> 
<h2>Looking For Medicare Advantage Plans?</h2> 
<label for="zipcode1"> Please enter your zip code</label> 
<input id="zipcode1" class="wpcf7" name="zipcode1" type="text" /> 


<input type="submit" /> 

</div> 

Answer 1

난 당신이 아약스를 사용하여 양식을 게시 할 것을 제안했다. 아약스 호출이 완료되면 당신은 당신이 얻을 Ajax를 사용한다 :

Answer 2

이

<form action="Results.aspx" target="_blank" method="post" name="myForm" onsubmit="return validateForm()"> 

을 시도하지만 엉덩이가 추천 @digi 응답 데이터와 모달의 몸을 채우고 그것을 열어 결과를 가져온 다음 모달에 삽입하십시오.

이 여러분을 안내 할 수 있습니다 :

<script> 
    $("form").submit(function(event){ 
     event.preventDefault();//to stop the submit 
     $.get("url","data",function(results){ 
      $("#someModalStyledDiv").html(results).show(); 
     }); 
    }); 
</script> 

http://api.jquery.com/jquery.get/