2010-08-20 4 views
0

J'ai une forme, avec un bouton de soumission:Comment est-ce que je peux faire un deuxième bouton dans mon formulaire n'exécutez pas le code de soumission après qu'il ait été pressé?

<% form_for(@personalentry) do |f| %> 
    <%= f.submit 'Create' %> 
<% end %> 

HTML Sortie

<form action="/personalentries" class="new_personalentry" id="new_personalentry" method="post"> 
    <input id="personalentry_submit" name="commit" type="submit" value="Create" /> 
</form> 

Je veux ajouter un second bouton pour faire une autre code non lié pour former la soumission. Alors je l'ai fait:

<head> 
    <script type="text/javascript"> 
     function addEndDateCalendar(){ 
      alert("test"); 
     } 
    </script> 
</head> 
<body> 
    <form action="/personalentries" class="new_personalentry" id="new_personalentry" method="post"> 
     <button name="addEndDateButton" onClick="addEndDateCalendar()">End date?</button> 
     <input id="personalentry_submit" name="commit" type="submit" value="Create" /> 
    </form> 
</body> 

Lorsque je clique sur le bouton, l'alerte arrive, mais il exécute le code soumettre. Comment puis-je faire en sorte que ce second bouton n'exécute pas le code de soumission après qu'il ait exécuté son propre code? Merci d'avoir lu.

Répondre

5

Vous pouvez essayer d'utiliser à la place type="button":

<input type="button" name="addEndDateButton" onClick="addEndDateCalendar()" value="End date?" /> 
0

Si votre fonction addEndDateCalendar() retour false, le soumettre ne devrait pas se produire.

Questions connexes