Duda sobre formularios con imagen

mrbs · #1 (**permalink**) 12/07/2004, 15:57

Saludos, me podrian ubicar en mi duda mas o menos esta asi:

un formulario dentro de una pagina de php con un campo de texto a validarse y en vez de un boton una imagen que necesito que haga el submit,

Me gustaria que al pulsar la imagen valida que el no este vacio, y si esta lleno que envie el formulario como con cualquier boton sumbit a otra pagina.

No se si me di a entender,

Gracias de antemano

Cluster · #2 (**permalink**) 12/07/2004, 19:10

Todo esto lo resuelves con HTML/javascript.

Ten presente que todo lo que se tenga que hacer en el "cliente" (navegador) -antes- que se haga efectivo el "submit" es taréa de algún lenguaje del lado del cliente: lease; HTML, Javscript .. etc.

Como hablas de validaciones ... muevo tu mensaje al foro de javascript para que te orienten.

Un saludo,

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!!!

mrbs · #4 (**permalink**) 12/07/2004, 19:45

Muchas gracias

caricatos · #5 (**permalink**) 13/07/2004, 00:44

Hola a todos:

Un par de apuntes...

Con input type="image" se logra el mismo efecto, ya que con eso se hace submit...

De ese modo se puede usar para la validación el evento onsubmit... devolver false si no se quiere enviar el formulario...

Saludos