Halting postback, manually executing

My main page is a registration form with a Model. When the user clicks the submit button, the model validates and posts. However, I am in need of a step in between that forces the user to agree to some terms and fine print.

Originally, I was thinking that I would carry the model into a second confirmation page and then move onto a third 开发者_JAVA百科ActionResult that saved the information.

Second, I thought of just hiding the main DIV and then showing a second DIV that the agreements "live" in and then post back. But I'm not sure how I would validate the model before showing the second DIV and THEN post the form.

Why not just include the fine print and terms (and corresponding checkbox) as part of the registration form? That's how it's done pretty much everywhere, isn't it?

<form id="myForm">
...
<input type="button" id="formSubmit">
</form>
<div id="agreement"></div>

<script>
$(document).ready(function(){
$("#agreement").hide();
}):

$("#formSubmit").click(function(){
$("#agreement").show();
//ur logic to check if the user agree or disagree
$.ajax({
type:POST,
data:"formdata"
url:"/your/url"
success:function(){

}


});
});
</script>

Why make an extra call to validate the model if the user might reject your terms and fine print. I think you should either do what @Daniel recommends or if you must do it this way, post your model, get the validation back, show your fine print and then post the form again to a different action to save.