Ventana de Diálogo con HTML – jQuery – jQuery UI + Formulario + jQuery.Validate II

/, Diseño Web, jQuery, PHP/Ventana de Diálogo con HTML – jQuery – jQuery UI + Formulario + jQuery.Validate II

En el post anterior Ventana de Diálogo con HTML – jQuery – jQuery UI + Formulario + jQuery.Validate creamos una ventana de diálogo con un formulario además de validarlo con jQuery Validate, en esta entrega agregaremos un par de funcionalidades de la mano de la función .ajax(); agregaremos un pre-loader, este lo vimos en Ventana de Diálogo jQuery + jQuery UI + AJAXUsando jQuery.ajax (Ventana de Diálogo + Pre-Loader) y haremos que al momento de iniciar el envío del formulario se oculte el botón Continuar.

El suao de Ventanas Modales

Vista de jQuery Modal

Descargar código completo desde github

Video Tutorial

Modificando el formulario

Lo primero que haremos es insertar el contenedor con un id=”respuestaAKAX” donde al momento de procesar el formulario se mostrará el pre-loader y una vez terminado se presentará el resultado de este.

Así quedaría la Ventana de Diálogo con HTML – jQuery – jQuery UI + Formulario + jQuery.Validate  con el contenedor

Archivo PHP para procesar con AJAX

Crearemos un script php al que llamaremos por medio de la función .ajax()

Archivo ajaxFormPhp.php

Modificando el código javascript

En el código que generamos en la Ventana de Diálogo con HTML – jQuery – jQuery UI + Formulario + jQuery.Validate agregaremos la función .ajax() que muestro a continuación

Código javascript completo:

Código Completo

By | 2018-03-25T22:33:42+00:00 marzo 28th, 2012|Categories: Desarrollo Web, Diseño Web, jQuery, PHP|Tags: , , |1 Comment
Desarrollador web front y back end, php, mysql, css3, html5, twitter bootstrap, jquery . . . twitero, bloguero, consultor de IT y padre de dos hermosos bodoques. Visita mi Perfil en Google +

One Comment

  1. […] de « Ventana de Diálogo con HTML – jQuery – jQuery UI + Formulario + jQuery.Validate II Formulario con Ventana de Diálogo de Confirmación […]

Comments are closed.

Desarrollo Web

Silex - Sistema de Registro