validar campos

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

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>

Heent · #2 (**permalink**) 31/01/2013, 09:18

Tienes que usar javascript (que es para el lado del cliente) para hacer eso porque PHP es del lado del servidor.

Si quieres validar con php tendrás que usar AJAX para mandar una petición al servidor.

#3 (**permalink**) 31/01/2013, 12:36

sin actualizar como ya te han dicho , actualizando con php asi:

Código PHP:

Ver original<?php
 
if(isset($_POST))
{
    if(!isset($_POST['user']) || empty($_POST['user']))
    {
        $error =  'introduce un usuario';
    }
}
 
// mostrar error
echo $error;

luiskars · #4 (**permalink**) 01/02/2013, 09:49

gracias por sus respuestas voy a probar con el javascript a ver

pablo_exeg · #5 (**permalink**) 01/02/2013, 09:56

te dejo 2 paginas para que veas

http://www.desarrolloweb.com/manuales/50/
http://www.telefonica.net/web2/blas-...idarformu.html

saludos