validar forulario no me funciona

microbiano · #1 (**permalink**) 25/07/2011, 19:00

hola amigos estoy aprendiendo la programacion web y bueno quise hacer una validacion rapida de un formulario de la siguiente manera

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" type="text/jscript">
function validar(){
var ok;
var msg;
msg = '';
bandera ='si';
//document.form.nombre.value.length ==0
if (document.frm.fnomnre.value.length==0){
	bandera='no';
	msg=msg+'el campo nombre no puede estar vacio';
	}

if(document.getElementById('fnombre').value==0){
bandera = 'no';
msg = msg + 'El nombre no puede estar vacío.\n';
}

re=/^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.{a-z0-9-]+)*(.[a-z]{2,3})$/
if (!re.exec(document.getElementById('femail').value)) {
bandera = 'no';
msg = msg + 'El email está vacío o mal insertado.\n';
}


if(bandera == 'si'){ /* comprobamos si hay error */
document.form.submit() /* enviamos formulario */
}else{ /* si hay errores */
alert(msg) /* lo mostramos en un mensaje */
}
}

</script> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link type="text/css" href="../estilos/estilo_comentarios.css" rel="stylesheet"/>
</head>
<body>
<form name="frm" method="post" action="/modulos/enviaphp.php">
<fieldset id="form">
<legend>Comentarios.</legend>
<legend>
<ol>
  </legend>
    <!--<input type="text" name="nombre" id="nombre"/>
<label>Dirección:</label>-->
<li><label>Nombre: </label><input type="text" name="fnombre"  id="fnombre"size="25" /></li>
    <li><label>E-mail: </label><input type="text" name="fcorreo" id="fcorreo" size="25" /></li>
    <li>
      <label>Telefono: </label><input type="text" name="ftelefono" id="ftelefono" size="25" /></li>
    <li>
      <label>Asunto:</label> 
      <input type="text" name="fasunto" id="fasunto" size="25" />
    </li><li>
      <label>Comentarios:</label></li><li>   
      <textarea name="fcomentario" id="fcomentario" cols="45" rows="5"></textarea>
      <label for="textfield"></label>
    </li>    
      </ul>
    </p>
    <p align="center"><input type="button" name="submit" class="btn" value="Enviar" onclick="validar();" /></p>
</fieldset>
</form>
<p>&nbsp;</p>
</body>
</html>

pero no logro hacer que funcione alguien tiene una sugerencia?

posteriormente hare la validacion en el servidor ahora es para verificar que todos los campos esten con algun dato.

de antemano muchas gracias

andresdzphp · #2 (**permalink**) 25/07/2011, 19:34

Para validar formularios te recomiendo que uses validate con Jquery

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Documentación con ejemplos:

http://docs.jquery.com/Plugins/Validation

y te ahorras bastante tiempo.