Cómo evitar el reenvío de formulario


En este tutorial vamos a ver cómo evitar el envío doble de formularios. 




Aviso importante: Esta solución solo trabaja a nivel explorador, no evita el uso de herramientas de inserción de datos con herramientas automatizadas.  

Esta solución puede ser implementada a nivel vista o a nivel layout.

A nivel individual en la vista puedes colocar el siguiente código en el inicio de la vista. 

$js = <<<JS
       
    $(document).on("beforeValidate", "form", function(event, messages, deferreds) {
        $(this).find(':submit').attr('disabled', true);
         console.log('BEFORE VALIDATE TEST');
    }).on("afterValidate", "form", function(event, messages, errorAttributes) {
        console.log('AFTER VALIDATE TEST');
        if (errorAttributes.length > 0) {
            $(this).find(':submit').attr('disabled', false);
        }
    });     


JS;

$this->registerJs($js);

A nivel de sitio solo debes de colocar este código dentro del layout para que este presente en todos los formularios.

Referencias: 


Comentarios

Publicar un comentario

Aprende Yii2


Lo más Visto

Como crear formulario HTML de carga de archivo sin Active Record

Imagen
  Como crear formulario HTML de carga de archivo sin Active Record Hay muy pocos manuales de cómo hacer un formulario HTML sin active record en español, así que me di a la tarea de decirte como crear formulario HTML de carga de archivo sin Active Record. Antes que nada deberás saber que existen 2 tipos de formularios en Yii2, con active record y los HTML, la diferencia es que con active record necesitas un modelo y solo se puede usar así, y el formulario HTML no necesita de un modelo. Para utilizar esta libreria necesitas incluir la siguiente linea en tu vista. use yii\helpers\Html;  use yii\helpers\Html; A continuación un ejemplo de cómo hacer un formulario de carga de archivo utilizando un formulario HTML.   <?php             echo Html::beginForm([                 'test/index'],                     'post', ['enctype' => 'multipart/form-data'...
Leer más

Como validar relaciones entre registros antes de eliminar

Por default Yii no valida dentro de sus CRUDs una eliminación física, para éstos casos se debe de validar de manera manual. Para estos casos podemos aplicar el siguiente método, y solo aplicaría para una eliminación física, en una eliminación lógica podria utilizarse otros métodos que aquí no se mencionan.  Paso #1 Edita el modelo de donde quieres hacer la validación y agrega las siguientes líneas.     public function beforeDelete(){         return (count($this->getRelaciones()) > 0)?false:parent::beforeDelete();     }          public function getRelaciones(){         $models = array();         empty( $this->getPermisoConstruccions()->all() )?"": $models[] = $this->getPermisoConstruccions()->all();         return $models;     } A continuación explico lo que hace cada línea. El méto...
Leer más

Crear fomulario HTML con checkbox sin Active Record

Imagen
Como crear formulario HTML con checkbox list sin Active Record Hay muy pocos manuales de cómo hacer esto en español, así que me di a la tarea de decirte cómo crear un formulario HTML y poner dentro un checkboxlist. Antes que nada deberás saber que existen 2 tipos de formularios en Yii2, con active record y los HTML, la diferencia es que con active record necesitas un modelo y solo se puede usar así, y el formulario HTML no necesita de un modelo. Para utilizar esta libreria necesitas incluir la siguiente linea en tu vista. use yii\helpers\Html;  use yii\helpers\Html; A continuación un ejemplo de cómo hacer un checkbox list utilizando un formulario HTML. $item["preguntas"] = [ ['id' => 1 ,  'nombre' =>'Opcion 1'  ], ['id' => 2 ,  'nombre' =>'Opcion 2'  ] ] echo Html::beginForm([     'formulario/generate-pdf/',      'evento_usuario_id' => $eventoUsuarioId],      ...
Leer más

Guía rápida para uso de widget kartik para select para formulario

Imagen
En esta guía te enseñaré cómo utilizar de manera simple y rápida el widget para select de kartik Nota: Este video tutorial de ejemplo contiene un ejemplo parecido al de éste post.  Introducción. Algunas veces necesitamos algunas opciones más avanzadas para algunos formularios, para esos casos puedes utilizar este pluging que al día en el que estoy escribiendo éste artículo es popular. A continuación te muestro como utilizar éste componente en los siguientes pasos. Paso #1. Instalación de widget. Si aun no lo tienes instalado deberás instalarlo para poder utilizarlo, el nombre del widget es:      use kartik\select2\Select2; Por lo tanto deberás incluir ésta librería dentro de tu vista. Paso #2. Obtener arreglo con opciones que se cargarán en el menú. Este proceso es muy simular al que se hace regularmente, sólo asegúrate de estar recibiendo en la vista el formato adecuado. Existen varias opciones para convertir un...
Leer más

Agregar select en encabezado de busqueda de un GridView

Imagen
Agregar select en encabezado de búsqueda de un GridView Escenario:   Tenemos un listado de tipo  GridView  y queremos filtrar dicho listado, una opción muy útil es utilizar en el encabezado un select.   A continuación explico como podemos agregar un select como encabezado de columna dentro de un GridView, con ayuda de los componentes de karkit. Paso #1 Revisar si tenemos instalado  kartik\grid\GridView Revisar si se tiene instalado el siguiente componente componente, la manera más rápida de saber si está instalado es incluyendo la librería en la vista de la siguiente manera. use kartik\grid\GridView; Si sale un mensaje de error, significará que probablemente no está instalado, p ara instalarlo puedes ir a este link;   http://demos.krajee.com/grid  ó puede instalarlo de la siguiente manera. Busque su archivo "composer.json" y abralo, identifique la sección llamada "require-dev", donde se encuentra la lista de componentes...
Leer más

hostinger

ventana bienvenida