Hola, tengo un formulario diseñado en HTML el cual valido los campos con javascript, y estoy intentando que luego del alert(); javascript me marque el campo vacio con un asterisco, sin alguien me puede ayudar o tiene alguna idea, gracias de antemano
Código (javascript) [Seleccionar]
<html>
<head>
<meta charset="utf-8">
<title>"Formulario"</title>
<SCRIPT TYPE="text/javascript">
function valida(){
var nombre=document.getElementById('nombre').value;
if(nombre==""){
alert("El campo nombre esta vacio");
document.getElementById("nombre").focus();
return false;
};
}
</SCRIPT>
</head>
<body>
<from >
<fieldset style="width:900px; height:500px;">
<legend><b>Formulario</b></legend>
<table border="1" style="width:700px;">
<tr>
<td>
<label for="Nombre:">Nombre:</label>
<br><input type="text" id="nombre" /><br/></br>
<label for="Apellido:">Apellido:</label>
<br><input type="text" name="Apellido:" /><br /></br>
<label for="Edad:">Edad:</label>
<br><select name="Edad:">
<option>Menor de 18</option>
<option>De 20 a 25 </option>
<option>De 25 a 30</option>
</select></br></br>
<label for="Telefono:">Teléfono:</label>
<br><input type="text" name="Telefono:" /><br /></br>
<label for="Direccion:">Direccion:</label>
<br><input type="text" name="Direccion:" size="50" /><br /></br>
<label for="Cedula o pasaporte:">Cedula o pasaporte:</label>
<br><input type="text" name="Cedula o pasaporte:"</br></br>
<br><input type="radio" name="transporte" value="1">Masculino</br>
<br><input type="radio" name="transporte" value="1">Femenino</br></br>
<input type="submit"value="Enviar" name="btn1" onclick="valida()"/>
<input type="reset"value="Limpiar" name="btn2"/>
</td>
</tr>
</table>
</fieldset>
</from>
</body>
</html>