Check the new version here

Popular channels

Desarrollo de un formulario jquery, jqueri ui y ajax

Hola amigos como esta en este apartado posteare en un proceso de aproximadamente sesiones como desarrollar un formulario.

1.- se validaran los campos obligatorios antes de enviarse.
2.- se validara el campo de correo
3.- se agregara un datepicker
4.- se evaluara si un correo existe o no.
5.- se procesaran los campos sin salir de la página
6.- se mostrara mensaje de confirmación.

Como vemos son 7 secciones (la sección 0 es esta)
En cada sección se entregara el código fuente, junto con la explicación correspondiente.

ESTRCUTURA DE ARCHIVOS.
para no cometer errores y confundirnos simpre se debe llevar una jerrarquia de archivos asi evitar perdernos. esto quiere decir que debemos tener todos los archivos de hoja de estilo en una carpeta llamada "CSS" todos los archivos de jquery en una carpeta llamada "js", todos los archivos php (modulos php) en una carpeta llamada "PHP", una para imagenes "images" y demas necesarias.

De tal manera se evitara, tener todo revuelto y confundirnos por lo cual un ejemplo de la estructura de archivos debe ser asi.



Dicho esto iniciemos.

CREANDO EL FORMULARIO.

El código es simple con los label conseguimos cuadrar los textos y le agregamos un determinado tamaño para lograrlo.

Los input se les da de igual forma un tamaño especifico note que cada input tiene su atributo “name” e “Id”

Con placeholder que es una etiqueta de html5 logramos darle el marcador al input.



este codigo en si es muy simple por tal razon solo dejo las captura

en el proximo capitulo crearelos los label de error y lo validaremos

sigueme por facebook twitter google+ Regalale una visita a esta pagina ->> Blog Sommer cancun
0
0
0
0No comments yet