Buenos días, tengo un código que adapte de un ejemplo que encontre por ahí, lo que hace es validar que los campos no esten vacios y coloca al lado del campo que no se haya completado un * para avisarle al usuario ue debe completarlo, pero el problema es ue lo coloca y de inmediato envía el formulario a la página que esta en el form_action del formulario... en resumen coloca los * pero no me valida sino que envía el formulario... soy nuevo en javascript, y no tengo idea a que se deba. gracias
// script
<script language=javascript>
function validarFormulario(){
var isNotOk;
//validar usuario
var usuario = window.document.validar_formulario.usuario.value;
if (usuario==""){
document.getElementById("iusuario").style.display= "inline";
isNotOk=true;
}
else{
document.getElementById("iusuario").style.display= "none";
}
//validar clave
var clave = window.document.validar_formulario.clave.value;
if (clave==""){
document.getElementById("iclave").style.display="i nline";
isNotOk=true;
}
else{
document.getElementById("iclave").style.display="n one";
}
//validar email
var email = window.document.validar_formulario.email.value;
if (email==""){
document.getElementById("iemail").style.display="i nline";
isNotOk=true;
}
else{
document.getElementById("iemail").style.display="n one";
}
//validar país
var pais = window.document.validar_formulario.pais.value;
if (pais==""){
document.getElementById("ipais").style.display="in line";
isNotOk=true;
}
else{
document.getElementById("ipais").style.display="no ne";
}
if (isNotOk){
return 0;
}
else
{
window.document.validar_formulario.submit();
}
}
</script>
// formlario
<form id="registro" name="validar_formulario" method="post" action="registro.asp">
<table width="32%" border="0" align="center" cellpadding="5" cellspacing="0">
<tr>
<td width="22%">Usuario:</td>
<td width="78%"><input name="usuario" type="text" id="usuario" /></td>
<td>
<div id="iusuario" style="display:none; color:red"> *</div>
</td>
</tr>
<tr>
<td>Clave:</td>
<td><input name="clave" type="password" id="clave" /></td>
<td>
<div id="iclave" style="display:none; color:red"> *</div>
</td>
</tr>
<tr>
<td>E-mail:</td>
<td><input name="email" type="text" id="email" /></td>
<td>
<div id="iemail" style="display:none; color:red"> *</div>
</td>
</tr>
<tr>
<td>País:</td>
<td><select name="pais" id="pais">
<option selected="selected">Elige...</option>
<option value="Argentina">Argentina</option>
<option value="Bolivia">Bolivia</option>
<option value="Chile">Chile</option>
<option value="Colombia">Colombia</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Cuba">Cuba</option>
<option value="Ecuador">Ecuador</option>
<option value="El Salvador">El Salvador</option>
<option value="España">España</option>
<option value="Guatemala">Guatemala</option>
<option value="Honduras">Honduras</option>
<option value="México">México</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Panamá">Panamá</option>
<option value="Paraguay">Paraguay</option>
<option value="Perú">Perú</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="República Dominicana">República Dominicana</option>
<option value="Uruguay">Uruguay</option>
<option value="Venezuela">Venezuela</option>
</select></td>
<td>
<div id="ipais" style="display:none; color:red"> *</div>
</td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="btnTest" id="btnTest" value="¡Regístrame!" onclick="validarFormulario()"/></td>
</tr>
</table>
</form>
Muchas gracias de antemano