Em JavaScript, existem duas maneiras de impedir o comportamento de envio padrão do formulário, a saber:
(1) Retornar falso
Código de amostra
<formulário name = "loginform" action = "login.aspx" method = "post"> <button type = "submit" value = "submit" id = "submit"> submit </butut> </morm> <cript> var submitBtn = document.getElementById ("submit"); submitbtn.onClick = function (event) {alert ("prevenpefault!"); retornar falso; }; </script>(2) Use prevenvDefault ()
Nos navegadores padrão, o comportamento padrão do navegador é bloqueado usando event.preventDefault() , enquanto no IE6 ~ 8, returnValue é implementada.
Código de amostra
<formulário name = "loginform" action = "login.aspx" method = "post"> <button type = "submit" value = "submit" id = "submit"> submit </butut> </morm> <cript> var submitBtn = document.getElementById ("submit"); submitbtn.onClick = function (event) {alert ("prevenpefault!"); Var Evento = Evento || Window.Event; event.preventDefault (); // compatível com os navegadores padrão window.event.returnValue = false; // compatível com IE6 ~ 8}; </sCript>O exposto acima é sobre os dois métodos de uso do JavaScript para evitar o envio do formulário. Espero que o conteúdo deste artigo seja útil para todos que usam JavaScript.