El metodo reset me envia el form

[vimon]

Hola, buenos días a todos. Siempre me he valido de los faq de este foro para resolver mis dudas. Pero esta vez no encuentro nada parecido. Resulta que hasta ahora solía programar mas en php que en javascript. Ultimamente me atrevo mas con javascript.

Bien, pues resulta que incorporo en mis páginas php, javascript y jquery para emplear ajax. De todas formas mi pregunta es muy concisa: me veo obligado a resetear un formulario creado desde html (es decir directamente en el body) desde javascript y no desde el tag:< input type=" reset ">; y me pasa algo extraño; me vacia el formulario y lo envia a su action.

Mi formulario es id=registro y desde

<button onclick='form_reset();'>RESET</button>

le envio a esta funcion :


<script>
function form_reset()
{
alert('toy dentro');
if (confirm("Volvera a los datos originales")) {registro.reset();}
}

</script>

He probado con clear() y también me lo hace.

Si lo hago desde el tag <input type=""reset"> me lo hace bien


¿Eso es normal o es que esta interfiriendo el jquery? ¿O debo tener un gazapo por algun sitio?
¿No es igual hacerlo desde el control que el metodo de javascript?

Gracias de antemano

[zerokilled]

buenas...
sucede que BUTTON tiene tres tipos: botón normal, de envio, o de reset. en algunos navegadores tiene por defecto la acción de enviar un formulario. por ello, siempre es importante que especifiques el tipo de botón que deseas utilizar mediante el atributo type. en tu caso, podría valer el tipo reset y no tener que depender de javascript para algo trivial.

[vimon]

Correcto zerokilled, funciona perfectamente. Me había vuelto loco. he probado tantas cosas mezcladas con otros problemas puntuales que pierdes el norte. Esto no lo sabia.

Anteriormente empleaba input pero en un intento de emplear formularios tuneados con jquery he tenido que emplear esto y observe este detalle, y ya sabes cuando caes en estos detalles te vuelves loco para discernirlos aunque ya no lo necesites.

Gracias por todo.

[emprear]

Iniciado por vimon

Correcto zerokilled, funciona perfectamente. Me había vuelto loco. he probado tantas cosas mezcladas con otros problemas puntuales que pierdes el norte. Esto no lo sabia.

Anteriormente empleaba input pero en un intento de emplear formularios tuneados con jquery he tenido que emplear esto y observe este detalle, y ya sabes cuando caes en estos detalles te vuelves loco para discernirlos aunque ya no lo necesites.

Gracias por todo.

sucede que jquery no tiene niungún método para reset nativo, tendrías que crearlo

Código Javascript:

jQuery.fn.reset = function () {
  $(this).each (function() { this.reset(); });
}
 

ahor ya podrías disponer de
$("#form_registro").reset();

Pero como te ha dicho @zerokilled, si se puede evitar el javascript para estas cosas, mejor



Salu2

[vimon]

ok emprear, todavía me veo verde para crear funciones en jquery, pero con el tiempo se harà. El problema residia en que implementé una libreria para tunear formularios, y cuando hacia un reset del formulario me reseteaba todos los campos menos el select y supongo que los radio checkbox y demaás no lo hacia, así que pense en enviarlo a una funcion que primero vaciara estos controles a mano,...al final he desistido de todas estas librerias que crean para tunear cosas porque son muy especificas para determinados objetivos y no para lo que tu quieres, así que la quite. Y me di cuenta en mis intentos por hacer funcionar la libreria que pasaba esto coon el reset. Así que me dispuse a pedir opinion. Muchas veces lo intento solucionar trasteando y probando cosas, y me llevas horas de trabajo, pero, asi se aprende.

Agradezco su colaboracion, que es valiosísima.

HAsta pronto.