contactos.html
-----------------------------------------------------------------------------------------------------------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/Bodyotros.css" rel="stylesheet" type="text/css">
<link href="css/misestilos.css" rel="stylesheet" type="text/css">
<link href="css/txto.css" rel="stylesheet" type="text/css">
<link rel="STYLESHEET" type="text/css" href="css/style.css">
<link href="css/Estilos.css" rel="stylesheet" type="text/css">
<script src="js/validar_campo.js"></script>
<title>Contacto</title>
</head>
<body background="images/madera1.jpg">
<div>
<div id="contenedor">
<div id='cssmenu'>
<ul>
<li class='active'><a href='menu2.html'><span>Inicio</span></a></li>
<li class='has-sub'><a href='#'><span>Personal</span></a></li>
<li class='has-sub'><a href='#'><span>Cursos</span></a>
<ul>
<li class='last'><a href='#'><span>Curso 1</span></a></li>
<li class='last'><a href='#'><span>Curso 2</span></a></li>
<li class='last'><a href='#'><span>Curso 3</span></a></li>
<li class='last'><a href='#'><span>Curso 4</span></a></li>
<li class='last'><a href='#'><span>Curso 5</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Videos</span></a>
<li class='last'><a href='#'><span>Contactos</span></a></li>
</ul>
</div>
</div>
<div id="contenedor">
<div id="contenido">
<div id="body4">
<div id="coordenadasa">
<form class='contacto' name="f1" action="contact.php" method="POST">
<div><label>Nombre:</label><input type='text' class='nombre' value='' name="txtNombre"></div>
<div><label>Correo electrónico:</label><input type='text' class='email' value='' name="txtEmail"></div>
<div><label>Telefono:</label><input type='text' class='phone' value='' name="txtTelefono"></div>
<div><label>Asunto:</label><input type='text' class='asunto' value='' name="txtAsunto"></div>
<div><label>Mensaje:</label><textarea rows='6' class='mensaje' name="txtMensaje"></textarea></div>
<div><input type='button' value='Enviar Mensaje' class='boton' onclick="validar()"/></div>
</form>
</div>
<div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------
validar_campo.js
function validar(){
var nombre = document.f1.txtNombre.value;
var correo = document.f1.txtEmail.value;
var asunto = document.f1.txtAsunto.value;
var telefo = document.f1.txtTelefono.value;
var mensaj = document.f1.txtMensaje.value;
if(nombre.length==0 || correo.length==0 || asunto.length==0 || telefo.length==0 || mensaj.length==0){
alert("Digite informacion en los campos faltantes");
}else{
if(isNaN(telefo)){
alert("Digite numeros en el campo telefono");
}else{
document.f1.submit();
}
}
}