Como ya lo hemos visto en los pos relacionados a ventanas de diálogo usando jQuery, jQuery UI y el plugin jquery.Validate podemos crear formularios y ventanas sorprendentes, ahora vamos a crear un formulario que al ejecutarse abrirá una ventana de diálogo que solicitará la confirmación de su envío, para lograr esto usaremos exactamente los mismos script y librerías de los ejemplos antes comentados.

Ya lo he comentado en los post anteriores, no solamente debemos validar con javascript sino también del lado del servidor.

Descargar el código completo desde github

Video Tutorial

Creando la Ventana de Diálogo

Creando el Formulario

HTML Completo

Creamos en el javascript la ventana de diálogo, agregaremos la opción buttons, en el sitio oficial de jQuery UI podemos encontrar a detalle su sintaxis

Ahora agregamos la validación del formulario con jQuery Validate, aquí es donde controlamos el envío del formulario mediante la ventana de diálogo

Javascript Completo

Patallas de Muestra
formulario-con-ventana-de-dialogo

 

Archivo Completo formDialog_I.html