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>