id iguales, codigo antes de <body> pero no en la cabecera. Nada...
Código Javascript
:
Ver original</HEAD>
<SCRIPT TYPE="text/javascript">
var formulario = document.getElementById("id_formulario"),
comodin = true;
formulario.addEventListener("submit", function(event){
event.preventDefault();
var elementos = this.elements;
for (var i in elementos){
if (!elementos[i].value.length){
alert("Debe de completar el campo " + elementos[i].name);
comodin = false;
break;
}
}
if (comodin){
this.submit();
}
}, false);
</SCRIPT>
<body>
Código HTML:
<form action="insertarDatos.php" method="post" id="id_formulario" name="formulario">
<h1>Contacto</h1>
<table align="center">
<tr>
<td>Nombre y Apellido</td>
<td><input type="text" name="nombreApellido" id="nombreApellido"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="email" id="email"></td>
</tr>
<tr>
<td>Asunto</td>
<td><input type="text" name="asunto" id="asunto"></td>
</tr>
<tr>
<td>Mensaje</td>
<td><textarea name="mensaje" id="mensaje"></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Aceptar" id="Aceptar" name="Aceptar"></td>
</tr>
</table>
</form>
De esta manera pasa directmente a subir el formulario ejecutando el "insertarDatos.php" que introduciria los campos en una base de datos.
Probe tambien como una funcion y llamandola desde el boton Aceptar pero lo que hace es no mostrarme los mensajes de que los campos estan vacios.