Formulario con campos vacios

[femolina]

Buenas a todos.
Tengo una consulta.
Tengo un formulario en php que me inserta los datos en una base de datos sql, todo esto sin problemas incluso me sale el mensaje de datos insertados correctamente, pero para mejorar este formulario me gustaria que algunas de las casillas del formulario no estuvieran vacias, y si el usuario las dejará vacias no dejarla enviar los datos. Me podeis ayudar?

[lukas4]

para eso ocuparias javascript

[EUSKARA]

con javascript validas si los campos son vacios y si lo son no te deja continuar con tu formulario.

[femolina]

Aqui os dejo el codigo que tengo puesto, y es que no se mucho, ni de javascript...

Código PHP:

  <?php
$state = false;
if ($_POST['action'] == "add") { 
    $conexion = mysql_connect("localhost", "xxxxxxx", "xxxxe");
    mysql_select_db("xxxxxxxxx", $conexion);
    
    $que = "INSERT INTO bici (nombre, edad, contacto, otros, comentario ) ";
    $que.= "VALUES ('".$_POST['nombre']."', '".$_POST['edad']."', '".$_POST['contacto']."', '".$_POST['otros']."', '".$_POST['comentario']."') ";
    $res = mysql_query($que, $conexion) or die(mysql_error());
    $state = true;
}
?>
                <td colspan="5" rowspan="4" valign="top">
                  <br />                  <span class="Estilo36 Estilo39 Estilo40 Estilo41">Formulario de inscripci&oacute;n</span><span class="Estilo39 Estilo40 Estilo41">.-</span><br />
                  <br />
                  <img src="inscrip.gif" width="465" height="52" />
                  <?php if ($state) { ?>
                    <p class="Estilo91">REGISTRO INSERTADO CORRECTAMENTE</p>
            <p>
              <?php } ?>
            </p>
            <p>TODOS LOS DATOS SON OBLIGATORIOS </p>
            <form id="insertar" name="insertar" method="post" action="">
              <p><span class="Estilo93">Nombre y Apellidos:<br />
                <label></label>
                  <input name="nombre" type="text" id="nombre" size="50" />
                  <br />
                  <br />
                Edad (a&ntilde;os y fecha de nacimiento- Ejemplo: xx / dd-mm-aaaa):<br />
                    <input name="edad" type="text" id="edad" value=" xx  / dd-mm-aaaa" size="30" />
              </span></p>
              <p class="Estilo93">Contacto (email o tel&eacute;fono m&oacute;vil):<br />
                <input name="contacto" type="text" id="contacto" value="@" size="40" />
              </p>
              <p class="Estilo93">Introducir el dorsal del mayor de edad para saber a que familia pertenece el menor:<br />
                   <br />
                      <label></label>
                  <input name="otros" type="text" id="otros" size="50" />
              </p>
              <p class="Estilo93">Si deseas realizarnos alg&uacute;n comentario:<br />
                  <label>
                  <textarea name="comentario" id="comentario" cols="45" rows="5"></textarea>
                  </label>
              </p>
              <p class="Estilo93"><br />
                <input type="submit" name="Submit" value="Insertar Registro" />
                <input type="hidden" name="action" value="add" />
              </p>
            </form>
            <span class="Estilo93">
            <?php if ($state) { ?>
            </span>
            <p class="Estilo93"><em>Registro insertado correctamente</em></p>
            <p>
              <span class="Estilo93">
              <?php } ?>   

seguramente habrá algún error en el código, y es porque he quitado alguna cosilla personal, pero esto es la base.
Gracias por ayudarme

[lukas4]

creo que esto te puede servir:

Código Javascript:

<script>
function valida(){
   if(document.getElementById('nombre').value == "" ||  document.getElementById('edad').value == "" || document.getElementById('contacto').value == "" || document.getElementById('nombre').value == "" || document.getElementById('otros').value == "" || document.getElementById('nombre').value == ""){
      alert("Favor de llenar todos los campos");
   }
   else{
      document.getElementById("insertar").submit();
   }
}
</script>
 

eso lo pones al principio del archivo, y a tu boton cambiale el type="submit" por type="button" y agregale onclick="valida()", asi:

Código HTML:

<input type = "button" onclick="valida"/>
 

te recomiendo que leas sobre funciones aqui

[femolina]

Muchas gracias por tu aportación ha funcionado todo a la perfección, era lo que buscaba.

[lukas4]

Iniciado por femolina

Muchas gracias por tu aportación ha funcionado todo a la perfección, era lo que buscaba.

sepa quien fue el bueno, pero se resolvio la duda (:

[chalchis]

solo recuerden que el javascript trabaja del lado del cliente, siempre hay que tener la ocurrencia "que tal si" osea que que pasaria si el usuario desactiva javascript del navegador siempre es recomendable tambien validar del lado del server.

ejemplos

http://cachi.temiga.org/2009/02/16/f...sterio-de-php/


saludos