ページがロードされたときにフォームが送信されます

Question

フォームに問題があります。私はボタンをクリックすると、私は非表示ボタンをクリックしたとき、私は自分のフォームを持っているのdivは、表示され、divがhiddingです：

$(function() { 
     $("#reservation").click(function() { 
      $("#reservationDiv").show("slow"); 
     }) 
    }); 
    $(function() { 
     $("#hideReservation").click(function() { 
      $("#reservationDiv").hide("slow"); 
     }) 
    }); 

その後、私の「reservationDivは、」私は形は、そのような中で初期化されている内方法：私はしかし、デフォルトの「OfferDetails」を開き、コントローラのアクション（インデックス）私の「DoReservation」アクションが自動的に呼び出され

@Html.BeginForm("DoReservation","OfferDetails") 

。私は間違って何をしていますか？重要なのかどうかはわかりませんが、OfferDetailsのマスターページでは、jquery UIタブも使用しています。

Answer 1

あなたのコードをすべて見ることなく、ボタンについて言及していますが、クリックハンドラがボタンのデフォルト動作を抑制していません。私はクリックイベントをバインドするjQueryのライブ（）機能を使用したい、とあなたはこのようなボタンの提出行動を抑えることができます。

<script type="text/javascript"> 
    (function ($) { 
     $("#reservation").live('click', function (e) { 
      e.preventDefault(); 
      $("#reservationDiv").show("slow"); 
     }); 

     $("#hideReservation").live('click', function(e) { 
      e.preventDefault(); 
      $("#reservationDiv").hide("slow"); 
     }); 
    })(jQuery); 
</script>