hola. en una consulta anterior preguntaba como poder validar que los campos de un formulario estaban cumplimentados y en caso contrario, diera un mensaje de error, pero no a través de la típica ventana de alert! sino en el propio formulario. esto se solucionó con esta función:
Código HTML:
<script language="JavaScript">
function valida(){
if(document.getElementById("nombre").value==''){
document.getElementById("nombre2").style.visibility='visible';
return false;
}else{
document.getElementById("nombre2").style.visibility='hidden';
}
}
</script>
<body>
<form name="form1" method="post" action="">
<table width="75%" border="0">
<tr><td>Nombre():</td><td><input type="text" id="nombre" onBlur="valida();"></td></tr>
<tr><td></td>
<td id="nombre2" style="visibility:hidden">Campo Nombre Obligatorio.</td>
</tr>
<tr><td>Apellidos:</td><td><input type="text" name="textfield2"></td></tr>
<tr><td></td><td></td></tr>
</table>
<input type="button" name="valida " value="Valida" onClick="valida();">
</form>
</body> bien. mi consulta ahora viene en dos sentidos. supongamos que tengo dos campos por validar. cómo adaptaría esa función? o debería ir creando una nueva función por cada campo que quiera validar?
la segunda cuestión es la siguiente: yo no quiero que el botón 'enviar' aparezca activo en tanto en cuanto no estén cumplimentados esos dos campos. cómo hago esto?