elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Introducción a Git (Primera Parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  ¿Como se puede realizar una función en javascript al enviar un form?
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: ¿Como se puede realizar una función en javascript al enviar un form?  (Leído 2,452 veces)
Varlch

Desconectado Desconectado

Mensajes: 100



Ver Perfil WWW
¿Como se puede realizar una función en javascript al enviar un form?
« en: 9 Diciembre 2014, 02:02 am »

Pongamos el ejemplo en el que tengo un form sin ninguna acción algo simple
Código
  1. <form action="" method="post">
  2. <input type="text" name="Username"  />
  3. <input type="password" name="Password"  />
  4. <input type="submit" value="Entrar" />
  5. </form>
  6.  
¿como puedo hacer sin tocar el form  que haga una acción antes de enviar por javascript?


« Última modificación: 15 Diciembre 2014, 14:21 pm por #!drvy » En línea

engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: ¿Como se puede realizar una función en javascript al enviar un form?
« Respuesta #1 en: 9 Diciembre 2014, 02:17 am »

haces un listener al boton submit

pero creo que por lo menos tienes que hacer en el submit del boton un return false para que no se dispare prontamente (aunque puedes alterar el form sobre la marcha con jscript)


En línea

El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
Varlch

Desconectado Desconectado

Mensajes: 100



Ver Perfil WWW
Re: ¿Como se puede realizar una función en javascript al enviar un form?
« Respuesta #2 en: 9 Diciembre 2014, 20:26 pm »

¿y como puedo hacer que envié datos a otra web?
En línea

engel lex
Moderador Global
***
Desconectado Desconectado

Mensajes: 15.514



Ver Perfil
Re: ¿Como se puede realizar una función en javascript al enviar un form?
« Respuesta #3 en: 9 Diciembre 2014, 20:30 pm »

por usando tecnicas AJAX... pero tienes que tener el CORS activado en la pagina del script para el que navegador permita peticiones a webs externas (si la web no es tuya olvidalo)
En línea

El problema con la sociedad actualmente radica en que todos creen que tienen el derecho de tener una opinión, y que esa opinión sea validada por todos, cuando lo correcto es que todos tengan derecho a una opinión, siempre y cuando esa opinión pueda ser ignorada, cuestionada, e incluso ser sujeta a burla, particularmente cuando no tiene sentido alguno.
exploiterstack

Desconectado Desconectado

Mensajes: 102


Ver Perfil
Re: ¿Como se puede realizar una función en javascript al enviar un form?
« Respuesta #4 en: 10 Diciembre 2014, 10:21 am »

Puedes asignarle un manejador de eventos desde javascript como dice engel lex

document.getElementById("botonFormulario").addEventListener("click", nombreFuncion);

O si usas jQuery puedes hacer uso de un callback...

Respecto esto que dices:

¿y como puedo hacer que envié datos a otra web?

Puedes capturar el evento del botón del formulario o de la tecla de intro(ya que también se pueden enviar el formulario haciendo uso de esta tecla también ;)) una vez capturado cambiaría el action a la pagina que deseas que trate los datos, una vez echo esto obtienes mandas el formulario:

$("form").submit();

En tu caso como el formulario no dispone de action tienes que ingeniártelas un poco mas, para ello puedes crearte un formulario que este oculto(hidden) y tras capturar el evento del envio del formulario es cuando tienes que recoger los campos e insertarlos en el nuevo formulario que has creado oculto(ojo este si que tendrá action) de esta manera sigues enviando los datos por POST.

Luego otra opción seria obtener los datos e enviarlos por AJAX en una petición, en esta petición iría el acction que tu le especifiques.

Saludos!
« Última modificación: 10 Diciembre 2014, 10:27 am por exploiterstack » En línea

Varlch

Desconectado Desconectado

Mensajes: 100



Ver Perfil WWW
Re: ¿Como se puede realizar una función en javascript al enviar un form?
« Respuesta #5 en: 12 Diciembre 2014, 21:40 pm »

Le he dado miles de vuelta a esto y gracias a la gente del IRC pues tengo algo mas o menos potable aquí esta el paper.
http://pastebin.com/4Nq16Mwb
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines