Foro

Home Forums Frameworks y librerías Framework 7 evitar envio de formulario multiples veces.

This topic contains 2 replies, has 2 voices, and was last updated by  karlos_1000 1 mes .

Viendo 3 respuestas - de la 1 a 3 (de 3 en total)
  • evitar envio de formulario multiples veces.

    Intervenciones
  • juan
    juan 
    Participant

    hola

    como puedo evitar que un formulario lo envíen varias veces,
    tengo un formulario de login y otro de registrarme,
    pero puedo oprimirlo varias veces seguidas lo cual causa envio de datos innecesarios

    mis botones estan asi:

    1.  <a href="#">enviar </a>
    dentro del a href hay una clase que le da aspecto al boton pero no me deja poner aqui la clase class=”button button-fill”

    no se si deshabilitando el botón y volviendolo habilitar si ocurriera un error como por ejemplo usuario y clave inválidos o algo asi.

    alguien tiene alguna idea en framework 7 como hacer para inhabilitar links? o cual otra forma seria apropiada?

    gracias

    • This topic was modified 2 años, 8 meses by juan juan.
    • This topic was modified 2 años, 8 meses by juan juan.

    • This topic was modified 2 años, 8 meses by juan juan.
    • This topic was modified 2 años, 8 meses by juan juan.
    juan
    juan 
    Participant

    bueno me autorespondo,

    asumiendo que el botón o link que envía el formulario
    tenga la clase button-fill

    le agrego la clase disabled, la cual deshabilita los eventos del link o botón.

    1.  $$('.button-fill').addClass('disabled');

    y si ocurre algún error al procesar el envío o necesito volverlo a habilitar remuevo la clase
    y queda como antes:

    1.  $$('.button-fill').removeClass('disabled');

    con esto evitamos el envío del formulario múltiples veces de una manera muy simple

    espero les sirva como a mi.

    • This reply was modified 2 años, 8 meses by juan juan. Reason: corrección de ortografía

    • This reply was modified 2 años, 8 meses by juan juan. Reason: corrección de ortografía
    karlos_1000 
    Participant

    Hola Juan, que bueno que ya lo resolviste, te comento otra manera que puedes realizarlo, seria ocultar el botón y en su lugar poner un loading y al terminar de validar vuelves a regresar el botón en su estado original

    Saludos.


Viendo 3 respuestas - de la 1 a 3 (de 3 en total)

You must be logged in to reply to this topic.