J'ai un peu de mal à trouver comment désactiver le bouton de soumission dans les rails lorsqu'un formulaire est soumis. Il fonctionne correctement avec javascript disabled et le symbole ': disable_with' dans la fonction 'remote_form_for # submit' mais ne peut pas le comprendre lors de la soumission via ajax. Des pensées? Utilisation des rails 2.3.5 et rubis 1.8.7.Rails Ajax Form Disable Envoyer le bouton
2
A
Répondre
6
Vous pouvez masquer le bouton Envoyer lorsque la demande est effectuée et afficher une image de chargement pendant l'exécution de la demande. Par exemple, dans un form_remote_tag:
<% form_remote_tag :url => "/some_url",
:loading => "$('submit_span').toggle(); $('loading_span').toggle();",
:complete => "$('submit_span').toggle(); $('loading_span').toggle();" do %>
-- FORM CONTENTS --
<span id="submit_span">
<%= submit_tag "Submit" %>
</span>
<span id = "loading_span" style = "display: none;">
<%= image_tag("loading.gif")%>
</span>
<% end %>
Lorsque la demande complète (succès ou échec) vous unhide la soumettre et masquer la durée de chargement.
Plus docs sur les différents callbacks:
http://api.rubyonrails.org/classes/ActionView/Helpers/PrototypeHelper.html#M002174
Questions connexes
- 1. Ajax Form Envoyer
- 2. onclick disable soumettre le bouton
- 3. asp.net mvc disable ajax cache
- 4. jquery ajax form (jquery.form.js)
- 5. Jquery chargement automatique gif et bouton disable sur submit click
- 6. Modelstate avec Ajax Form
- 7. Envoyer un formulaire ajax à la fermeture du clavier sans bouton Envoyer sur l'iPhone?
- 8. jQuery AJAX Form Builder
- 9. Rails Bouton, fonction_éloignée. Possible sans Ajax?
- 10. Rails - Envoyer un message de chat Enter (ajax)
- 11. C# Form X Bouton Cliqué
- 12. Envoyer JSON avec AJAX
- 13. ASP.NET MVC Ajax Form LoadingElementId
- 14. envoyer une requête ajax
- 15. Jquery ajax dans ASP.Net Form
- 16. disable usercontrol
- 17. xVal et jQuery Envoyer le bouton
- 18. EHCache Disable
- 19. IronPython disable Importer après utilisation
- 20. AJAX .. Envoyer un formulaire de données ne pas envoyer
- 21. iPhone: Comment envoyer httprequest via le bouton?
- 22. MFMailComposeViewController appeler par programme le bouton "Envoyer"
- 23. JQuery Ajax Envoyer Confirmer -> envoyer les détails
- 24. Drupal jquery envoyer un formulaire sans soumettre le bouton
- 25. MVC2 Ajax Form fait actualisation de la page non désirée
- 26. Envoyer variabiles ajax
- 27. Info-bulle DIsable dans le projet
- 28. jQuery AJAX Form, impossible d'envoyer un tableau?
- 29. HTML Envoyer le bouton vs Post basé sur AJAX (ASP.NET MVC)
- 30. Liaison de modèle avec Ajax Form
Il est clair pas ce que vous avez l'intention de le faire avec le bouton soumettre tout en soumettant par ajax. Avez-vous l'intention de désactiver le bouton d'envoi jusqu'à ce que la demande revienne? Il serait utile de suggérer une solution, si vous pouviez nous dire exactement ce que vous avez l'intention de réaliser en désactivant la soumission. – Priyank
Oui, je voudrais désactiver le bouton de soumission lorsque l'utilisateur soumet le formulaire et le réactiver lorsque la requête ajax est terminée. J'essaie de faire en sorte que l'utilisateur ne puisse pas soumettre le formulaire deux fois pour la même soumission (et je ne veux pas utiliser de validations pour vérifier l'unicité puisque les valeurs en double sont autorisées dans la base de données). – thomas