Foros del Web - Ver Mensaje Individual

jordia · #3 (**permalink**) 12/07/2004, 19:20

Código HTML:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function valida(){
if (document.form1.campo.value == ''){alert("Llena el campo");return}
document.form1.submit();
}
</script>
</head>
<body>
<form name="form1" method="post" action="nombredepaginatuya">
  <table width="200" border="0">
    <tr>
      <td><input name="campo" type="text" id="campo"></td>
    </tr>
    <tr>
      <td><img src="nombredetuimagen" width="ancho" height="alto" onClick="valida();"></td>
    </tr>
  </table>
</form>
</body>
</html>

es relamente facil, solo le pones un evento a la imagen que es "onClick="valida()", que llama a una funcion en javascript que esta en la parte de arriba y valida si ese campo esta vacio te muestra un mensaje, si tiene algo el campo entonces ignora esa intruccion y sigue con la siguiente linea de codigo que es el submit y ahi te manda a la pagina que tu has puesto en el action del form.

Pruebalo y me avisas!!!