Comunidad de diseño web y desarrollo en internet online

form onsubmit IE

Citar            
MensajeEscrito el 20 Oct 2008 12:41 am
bueno, la cuestion es la siguiente:
tengo un form definido como sigue en XHTML:

Código :

<form id="buscador" action="#">


luego, en un archivo JS defino la accion onsubmit de la siguiente forma:

Código :

window.onload = function() {
      $("cmdBuscar").onclick = function() { buscar(); };
}


lo q pasa es lo siguiente:
Firefox, al hacer submit al form, muestra el resultado de la funcion buscar() tal cual como yo lo espero, pero IE muestra este resultado e inmediatamente "recarga" la pagina borrando el resultado de buscar... tal vez el problema este en action="#"... pero no entiendo por que... alguna solucion???
gracias!

Por joarobles

753 de clabLevel

8 tutoriales

 

Córdoba - Argentina

firefox
Citar            
MensajeEscrito el 20 Oct 2008 12:45 am
perdon, defino el onsubmit asi:

Código :

window.onload = function() {
      $("buscador").onsubmit = function() { buscar(); };
}

Por joarobles

753 de clabLevel

8 tutoriales

 

Córdoba - Argentina

firefox
Citar            
MensajeEscrito el 20 Oct 2008 01:01 am
Dos cosas:

  1. Colocar "#" en action no es bueno para la accesibilidad. Si js no está activado no podrás usar el formulario. Para que puedas hacerlo, puedes enviar la consulta a un script php que haga el trabajo en caso que no se pueda vía js.
  2. Para evitar que el explorador intente acceder a la dirección que colocas en "action" (que es lo que está pasando con IE), debes hacer que la función buscar termine con un

    Código Javascript :

    return false;
    

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 20 Oct 2008 04:38 pm
perfecto, funciono ok, muchas gracias!

Por joarobles

753 de clabLevel

8 tutoriales

 

Córdoba - Argentina

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.