1

Estoy intentando que cuando al enviar formulario vacio en GravityForm, me devuelva el formulario con los errores enfocados. No logro obtenerlo o no estoy seguro si es que no se como hacerlo con Jquery. Ayuda, muchas gracias de adelantado.

Gravity Form devuelve un div.validation_error pero no se como interactuar con el mediante Jquery para hacer Scroll al ID de la seccion, ya que me scrollea con o sin el div.validation_error por igual.

2 respuestas 2

1

Después de una exhaustiva investigacion, lo logré haciendo lo siguiente:

$( "body, html" ).has( ".validation_error" ).animate( {
    scrollTop: $("#idSection").offset().top
} , 2000);

Por si alguien tiene el mismo problema acá una respuesta útil.

*** Agregue a la respuesta la etiqueta html, ya que body no funciona en todos los navegadores. La etiqueta html hace que funcione para todos los demas basados o no en IE8.

2
  • ¿Podrías explicar un poco qué hace el código? En tu pregunta dices que hace scroll con o sin div.validation_error, ¿esté código evita o asegura el scroll? De cualquier forma, gracias por compartir. No olvides que en 48 horas puedes marcar tu respuesta como aceptada.
    – toledano
    Commented el 6 jun. 2017 a las 23:58
  • Gracias por la sugerencia colega, en este caso se trata de un formulario generado por GravityForm, el cual al intentar enviar campos vacios o con errores de validacion devuelve a la pagina del formulario con los error_fields, so...necesitaba hacer que el scroll fuera a parar a la section donde se encuentra el formulario, lograndolo con el codigo anterior.
    – Jean Manzo
    Commented el 7 jun. 2017 a las 6:25
1

Existen dos opciones, si no tienes re-catpcha podrías habilitar ajax, con eso todo pasa en el mismo formulario y no hay refrescos de página, ahora si no lo activas puedes hacer lo siguiente en el functions.php debes agregar la siguiente linea:

add_filter( 'gform_confirmation_anchor', '__return_true' );

Con esto al hacer el submit, en la URL ira con el hash (#) seteado, por ende el navegador desplazara la página hasta el formulario.

1
  • La primera version se entrego. Probare tu sugerencia para la version siguiente. Gracias Jaime, un abrazo.
    – Jean Manzo
    Commented el 13 jun. 2017 a las 15:33

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.