Pregunta sobre Contact Form 7 de Wordpress:

Desactive «Enviar» después de hacer clic en el formulario de contacto 7

Un usuario preguntó 👇

Usamos el Formulario de contacto 7 en el WordPress de nuestra empresa para las solicitudes de empleo. Recientemente, sin embargo, hemos recibido muchas solicitudes de los mismos solicitantes debido al estado de nuestro botón «Enviar». Una vez que se completan los campos obligatorios y el solicitante presiona «Enviar», nos envía su solicitud como debería. Sin embargo, dado que la página de la aplicación permanece abierta y llena, si no ven el mensaje emergente, presionan el botón «Enviar» repetidamente, solicitándonos.

Entonces, mi pregunta es cómo puedo desactivar el botón «Enviar» después de que se presiona por primera vez. Mi suposición es que tendría que agregar algo a la pestaña «Configuración adicional», sin embargo, después de muchas pruebas, todavía no tengo nada en lo que trabajar.

¡Agradeceríamos cualquier ayuda que pudiera obtener sobre este tema!

(@takayukister)

Hace 3 años, 7 meses

Esta pregunta se produce porque su formulario de contacto se comporta de forma confusa. ¿Por qué no intentas arreglarlo? ¿Crees que deshabilitar el botón Enter podría empeorar la situación?

Lanzador de hilos

(@ ir2wausau)

Hace 3 años, 7 meses

Esperaba desactivarlo después del primer clic, por lo que solo se recibe una solicitud. Me encantaría intentar configurar el formulario de contacto, pero no lo sabría porque desactivar mis plugins no es una opción.

(@katmacau)

Hace 3 años, 3 meses

¿Alguna solución con esto? El diseño de formularios no es el problema y no lo mejorará. En los pocos segundos que la gente tiene que esperar para enviar el formulario, algunos usuarios vuelven a presionar.

(@bjornenblog)

Hace 3 años, 3 meses

Me gustaría ver una opción que desactiva el botón «Enviar» hasta que se hayan completado todos los campos obligatorios y nuevamente después del envío.

que sería increíble.

(@ newman2017)

Hace 3 años, 3 meses

Tenemos el mismo problema. El usuario hace clic en Entrar, el botón no se desactiva después de hacer clic, por lo que los usuarios siguen haciendo clic. Básicamente, lo que sugirió Bjornen (arriba) sería una adición perfecta a esta forma ya impresionante.

(@bjornenblog)

Hace 3 años, 3 meses

Sí, estoy de acuerdo (por supuesto). Esperamos que el autor del plugin implemente al menos una opción para esto.

No quiero que este sea el comportamiento predeterminado, pero como una opción para el [submit “Send”] sería una buena etiqueta. Ejemplo:

[submit “Send” disabled=”until_all_required”] y
[submit “Send” disabled=”until_all_required_and_after”]

O algo así.

(@dsideserf)

Hace 3 años, 3 meses

Me acabo de mudar a Contact Forms 7 de Ninja Forms, y siempre supe que la mejor práctica es deshabilitar el botón de inserción al hacer clic (). Claramente es un error que debería corregirse, por lo que sorprendentemente la respuesta del autor es echarle la culpa al formulario.

En cualquier caso, también me gustaría activar el botón enviar al hacer clic.

(@whyameye)

Hace 3 años, 2 meses

Mi solución está a continuación. No es el más limpio. Intenté deshabilitar el botón a través de js estándar, pero por alguna razón el plugin se rompió, así que usé una variable global en su lugar:

var disableSubmit = false;
jQuery('input.wpcf7-submit[type="submit"]').click(function() {
    jQuery(':input[type="submit"]').attr('value',"Sending...")
    if (disableSubmit == true) {
        return false;
    }
    disableSubmit = true;
    return true;
})

var wpcf7Elm = document.querySelector( '.wpcf7' );
wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
    jQuery(':input[type="submit"]').attr('value',"send")
    disableSubmit = false;
}, false );

(@ newman2017)

Hace 3 años, 2 meses

Gracias por encontrar una solución, ¿por qué? ¿Puedo preguntar en qué archivo (ruta) ingresa este código y dónde ponerlo en el código? ¡Muchos gracias!

Lanzador de hilos

(@ ir2wausau)

Hace 3 años, 1 mes

¡Gracias por trabajar en una solución! Sin embargo, no tengo ni idea de este tipo de cosas, por lo que también quiero saber dónde debería colocar este código.

Lanzador de hilos

(@ ir2wausau)

Hace 3 años, 1 mes

Creo que entendí dónde ponerlo, a través de muchas pruebas y errores. Estos son los pasos que incluso recorren cómo estar allí:

1. Abra el menú Plugin de formulario del editor 2. Seleccione Formulario de contacto 7 en el menú desplegable ‘Seleccione un plugin para editar 3. Debajo de’ Archivos de plugin ‘use el botón desplegable’ js ‘4. Seleccione ‘scripts.js’ debajo del botón desplegable 5. Vaya a la parte inferior del ‘Contenido del archivo seleccionado’ y pegue lo siguiente (¡gracias de nuevo por qué!):

var disableSubmit = false; jQuery (‘input.wpcf7-submit[type=”submit”]’) .click (function () {jQuery (‘: input[type=”submit”]’) .attr (‘ valor ‘, «Enviando …») if (disableSubmit == true) {return false; } disableSubmit = true; verdadero retorno; })

var wpcf7Elm = document.querySelector (‘.wpcf7’); wpcf7Elm.addEventListener (‘wpcf7submit’, function (event) {jQuery (‘: input[type=”submit”]’) .attr (‘ valor ‘, «enviar») disableSubmit = false; }, falso);

6. ‘Actualizar archivo’ (Nota: tuve que seleccionar una casilla de verificación que dijera algo como ‘¿desea actualizarlo aunque pueda romper su bandeja de entrada?

¡Muchas gracias de nuevo a whyameye por escribir esto! Al seguir los pasos anteriores, parecía haber funcionado el truco para mis formularios, ya que cuando se hace clic en ellos cambian el botón a «decir» y no permiten que se vuelva a enviar hasta después de que se envíe.

(@ newman2017)

Hace 3 años, 1 mes

ir2wausau, apliqué su corrección pero no cambió nada. Pegué su código en la parte inferior del Formulario de contacto 7 / includes / js / scripts.js. ¿Debería implementarse en una carpeta js diferente, como en admin / js?

Lanzador de hilos

(@ ir2wausau)

Hace 3 años, 1 mes

El que hiciste es lo que funcionó para mí. Luego terminé con una prueba y error ya que no entiendo muy bien este tema, así que desafortunadamente no tendré ninguna ayuda si eso no funciona.

¡Lo siento por eso! Supongo que solo entendí que si funcionaba para mí, funcionaría universalmente …

(@ newman2017)

Hace 3 años, 1 mes

La sección Formulario de contacto 7 contiene 2 archivos scripts.js. La mayoría de las veces me preguntaba de qué manera lo usaba. ¿/ Incluye o / admin?

Lanzador de hilos

(@ ir2wausau)

Hace 3 años, 1 mes

Usé el / incluye uno que se parece a ti también

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *