templates/front/parts/forms/contact_form.html.twig line 1

Open in your IDE?
  1. <a id="formulario1" name="formulario1"></a>
  2. <div id="formresult1" class="col-12"></div>
  3. {% if formulario1_msg is not defined %}
  4. <form action="/contacto" name="contact-form" id="contact-form" method="post">
  5. <div class="form row">
  6. <div class="form-group col-12">
  7. <label for="nombre">Nombre:<span class="wildcard">*</span></label>
  8. <input autocomplete="name" type="text" name="nombre" id="nombre" placeholder="Nombre y apellidos*"
  9. required />
  10. </div>
  12. <div class="form-group col-12">
  13. <label for="email">E-mail:</label>
  14. <input autocomplete="email" type="text" name="email" id="email" placeholder="Correo electrónico*"
  15. required />
  16. </div>
  17. <div class="form-group col-12">
  18. <label for="telefono">Teléfono:<span class="wildcard">*</span></label>
  19. <input autocomplete="tel-national" type="text" class="telefono" name="telefono" id="telefono"
  20. placeholder="Número de teléfono*" maxlength="15" required>
  21. </div>
  22. <div class="form-group col-12">
  23. <label class="mod" for="consulta">Consulta:<span class="wildcard">*</span></label>
  24. <textarea name="consulta" id="consulta" placeholder="Escriba su mensaje*" rows="3" required></textarea>
  25. <span><em>Los campos con * son obligatorios</em></span>
  26. </div>
  27. <div class="form-group check col-12">
  28. <input type="checkbox" name="aceptocondiciones" id="aceptocondiciones" required>
  29. <label for="aceptocondiciones">He leído y acepto la <a href="/politica-privacidad-contacto"
  30. class="legal">política de privacidad</a></label>
  31. </div>
  32. {% if parametros.captcha %}
  33. <div id="gcaptcha" class="form-group col-12">
  34. <div id="g_recaptcha"></div>
  35. <input type="hidden" name="recaptcha" id="recaptcha" value="false">
  36. </div>
  37. {% endif %}
  38. <div class="form-group col-12">
  39. <input class="cta-button boton" name="Enviar" type="submit" value="Envía tu consulta">
  40. </div>
  41. </div>
  42. <input type='hidden' name='servicio' id='servicio' value='{{ nombreServicio }}'>
  43. <input type='hidden' name='ciudad' id='ciudad' value='{{ nombreCiudad }}'>
  44. <input type='hidden' name='formulario' id='formulario' value='formulario1'>
  45. </form>
  47. <script>
  49. {% if parametros.captcha %}
  50. var recaptchaCallback = function () { grecaptcha.render("g_recaptcha", { sitekey: '{{parametros.captcha_cpublic}}', callback: function () { document.getElementById("recaptcha").value = true; } }); };
  51. {% endif %}
  53. jQuery(document).ready(function () {
  54. {% if parametros.captcha %}
  55. $("#contact-form input[type=submit]").on("click", function () {
  56. var captchaerror = "<label class='error2'>Debes aceptar el captcha.</label>";
  57. if ($("#contact-form").find("#recaptcha").attr("value") === "false") {
  58. if (($("#contact-form").find("#gcaptcha").find(".error2")).length === 0) {
  59. $("#contact-form").find("#gcaptcha").append(captchaerror);
  60. }
  61. } else {
  62. $("#contact-form").find("#gcaptcha").find(".error2").remove();
  63. }
  64. });
  65. {% endif %}
  68. var JQUERY4U = {};
  69. JQUERY4U.UTIL = {
  70. setupFormValidation: function () {
  71. $("#contact-form").validate({
  72. messages: {
  73. nombre: "Introduce tu nombre",
  74. telefono: "Introduce tu teléfono",
  75. email: "Introduce tu dirección de email",
  76. consulta: "Introduce tu consulta",
  77. aceptocondiciones: "Debes aceptar las condiciones"
  78. },
  79. submitHandler: function (form) {
  80. {% if parametros.captcha %}
  81. if ($("#contact-form").find("#recaptcha").attr("value") === 'true') { form.submit(); }
  82. {% else %}
  83. form.submit();
  84. {% endif %}
  85. }
  86. });
  87. }};
  88. JQUERY4U.UTIL.setupFormValidation();
  90. });
  92. </script>
  94. {% else %}
  95. <script>
  97. window.onload = function () {
  98. (function ($, root, undefined) {
  99. $(function () {
  100. 'use strict';
  101. setTimeout(function () {
  102. jQuery('html, body').stop().animate({ scrollTop: ($(window).scrollTop() + $('#formulario1').offset().top - 200) }, 1500);
  103. });
  104. }, 1000);
  105. })(jQuery, this);
  106. };
  108. </script>
  110. {%if formulario1_msg == TRUE %}
  111. {% include 'front/parts/forms/form_send.html.twig' %}
  112. {% include 'front/parts/forms/_ga_conversion_contacto.html.twig' %}
  113. {% elseif formulario1_msg == FALSE %}
  114. {% include 'front/parts/forms/form_send_error.html.twig' %}
  115. {% endif %}
  116. {% endif %}