domingo, 24 de junio de 2012

Usando Jquery con objetos de ASP .NET


1-Insertar un objeto y TextBox y colocarle el nombre de txtUsuario
2-Insertar un boton
3- Ir al evento load de la pagina y colocar lo siguiente:

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Button1.Attributes.Add("Onclick", "mifuncion");

         //Donde button1 es el objeto boton y se le agrega en el evento Onclick que  al darle click al boton se ejecute la funcion mifuncion y valida si el usuario esta vacio delvuelve el puntero  al objeto textbox y muestra un mensaje al usuario de que debe digitar el usaurio.

        }

    }


//Esta funcion debe de crearla al final del document.ready
mifuncion() {
                    if ($('#txtUsuario').val() == "") {
                          $('#txtUsuario').focus();
                          alert('Debe digitar el usuario');               

                    }


Usar Jquery para mostrar una ventana de mensaje


Esta vez vamos a utilizar jquery para cuando demos clic a un boton este verifique si el usuario o clave tienen datos de no ser asi mostrar un mensaje indica que debe digitar la informacion, esta validacion recuerde que la realizaremos del lado del cliente de browse y luego se ejecutara lo que esta en el boton, es decir, al darle click al boton se ejecutara de la siguiente forma:

1-Lo que esta programado del lado del cliente
2-Lo que esta en el boton

En el load colocar lo siguiente:


 protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            btnAceptar.Attributes.Add("Onclick", "javascript:validar()");
        }

    }


//en el source de la pagina en el javascript




   


   



dentro del tag BODY  creamos el div


 
 

     


       


Este es el que nos mostrara el mensaje con estilo.


No hay comentarios:

Publicar un comentario