Asociaciones

Formulario de Registro Web con Jquery y Asp.Net
Jquery es un poderoso marco de trabajo para la web, pero por si solo no puede interactuar con
una base de datos, pero además de usar jQuery usamosAsp.Net tenemos una página visualmente
atractiva (por Jquery) y con mucha funcionalidad (Por .Net y Asp) el resultado final simplemente es
una web más agradable para el usuario final.
En unsimple formulario de registro de usuario se conjunción tanto Jquery y Asp.Net.
Primero tenemos la pantalla uno donde se pide al usuario el nombre que usara y su contraseña.

Si es que falla en lacontraseña o no ingresa usuario, las cajas de texto se pintaran de rojo

1
http://giovannidotnet.wordpress.com

También se valida campos con expresiones regulares el correo electrónico

2http://giovannidotnet.wordpress.com

Resumen de los Datos

Finalmente se envía los datos al servidor.

3
http://giovannidotnet.wordpress.com

En el proyecto de Asp.Net tenemos la siguienteestructura. En la cual tenemos archivos js, css,
fonts para lograr el estilo visual atractivo.

4
http://giovannidotnet.wordpress.com

En el archivo “jquery.main.js” tenemos el control de lastransiciones lo que logra sobreponer los
div para ocultar uno y aparecer otro logrando el efecto de (slide) transición.
$(function () {
//Valores originales para validar si escribio en la
varfield_values = {
//id
: value
'username': 'Usuario',
'password': 'Password',
'cpassword': 'Password',
'firstname': 'Nombre',
'lastname': 'Apellido',
'email': 'Direccion Email'
};

caja detexto

//Foco para las cajas de texto
$('input#username').inputfocus({ value: field_values['username'] });
$('input#password').inputfocus({ value: field_values['password'] });$('input#cpassword').inputfocus({ value: field_values['cpassword'] });
$('input#lastname').inputfocus({ value: field_values['lastname'] });
$('input#firstname').inputfocus({ value: field_values['firstname'] });...