validar campos

luiskars · #1 (**permalink**) 31/01/2013, 09:21

Estoy realizando un formulario de acceso donde el usuario introduce nombre y contraseña mi problema es el siguiente:
¿como genero dentro de la misma pagina un mensaje si alguno de los campos esta vació? o ¿como haría para ocultar el botón enviar hasta que ambos campos estén llenos?

este seria mi html

Código HTML:

<html>
  <head> 
        <title> Login </title>
        <script type="text/javascript" src="ruta/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="ruta/funcion_login.js"></script>
        <link rel="stylesheet" href="ruta/estilo.css">
    </head>

    <body>
        <div class="btn-sign">
            <a href="#login-box" class="login-window">Entrar</a>
        </div>

        <div id="login-box" class="login-popup">
            <a href="#" class="close"><img src="images/close_pop.png" class="btn_close" title="Cerrar Ventana" alt="Close" /></a>
            <form method="post" class="signin" action="enviar.php">
                <fieldset class="textbox">
                    <label class="username">
                        <span>Usuario</span>
                        <input id="username" name="user" value="" type="text" autocomplete="on" placeholder="Usuario">
                    </label>
                    <label class="password">
                        <span>Clave</span>
                        <input id="password" name="password" value="" type="password" placeholder="Clave">
                    </label>
                    <button class="submit button" type="submit">Entrar</button>

                </fieldset>
            </form>
        </div>


    </body>


</html>

maycolalvarez · #2 (**permalink**) 31/01/2013, 10:03

en ninguna parte veo que valide algo, si tiene algo ya hecho posteelo, del resto es cuestión de intentarlo, veo que usa jQuery ¿por qué no lo aplica con él?