Le formulaire est soumis lorsque la page est chargée

Question

J'ai un problème avec mon formulaire. Lorsque je clique sur le bouton, la div où j'ai mon formulaire est affiché, lorsque je clique sur le bouton caché, la div est hidding:

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

Puis, dans mon « reservationDiv » J'ai une forme initialisée dans ce un moyen:

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

Quand j'ouvre cependant la valeur par défaut "OfferDetails" l'action du contrôleur (Index) mon action "DoReservation" est invoquée automatiquement. Qu'est-ce que je fais mal? Je ne sais pas si c'est important, mais sur la page maître OfferDetails, j'utilise également les onglets jquery ui.

Answer 1

Sans voir tout votre code, vous mentionnez un bouton mais votre gestionnaire de clic ne supprime pas le comportement par défaut du bouton. Je préfère utiliser le jQuery en direct() fonction pour lier clic événements, et vous pouvez le soumettre supprimé le comportement du bouton comme celui-ci:

<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>