form.html.twig 927 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. {% extends 'partials/base.html.twig' %}
  2. {% block content %}
  3. <div class="header-wrapper">
  4. {% if header.entete.text == true %}
  5. <div class="entete">
  6. <div class="entete_c">
  7. <p>{{ header.entete.text }}</p>
  8. </div>
  9. </div>
  10. {% endif %}
  11. </div>
  12. {% include "forms/form.html.twig" %}
  13. <div id="form-result"></div>
  14. <script>
  15. $(document).ready(function(){
  16. var form = $('#ajax-test-form');
  17. form.submit(function(e) {
  18. // prevent form submission
  19. e.preventDefault();
  20. // submit the form via Ajax
  21. $.ajax({
  22. url: form.attr('action'),
  23. type: form.attr('method'),
  24. dataType: 'html',
  25. data: form.serialize(),
  26. success: function(result) {
  27. // Inject the result in the HTML
  28. $('#form-result').html(result);
  29. }
  30. });
  31. });
  32. });
  33. </script>
  34. {% endblock %}