JavaScriptには、フォームのデフォルトの提出動作を防ぐ方法は2つあります。
(1)FALSEを返します
サンプルコード
<form name = "loginform" action = "login.aspx" method = "post"> <button type = "" value = "submit" id = "submit"> submit </button> </form> <scrip> var submitbtn = document.getElementByid( "submit"); submitbtn.onclick = function(event){alert( "preventdefault!"); falseを返します。 }; </script>(2)PreventDefault()を使用する
標準のブラウザでは、ブラウザのデフォルトの動作はevent.preventDefault()を使用してブロックされますが、IE6〜8では、 returnValueプロパティが実装されます。
サンプルコード
<form name = "loginform" action = "login.aspx" method = "post"> <button type = "" value = "submit" id = "submit"> submit </button> </form> <scrip> var submitbtn = document.getElementByid( "submit"); submitbtn.onclick = function(event){alert( "preventdefault!"); var event = event || window.event; event.preventdefault(); //標準のブラウザwindow.event.returnvalue = false;と互換性があります。 // IE6〜8}; </script>と互換性があります上記は、JavaScriptを使用してフォームの提出を防ぐ2つの方法に関するものです。この記事の内容がJavaScriptを使用しているすべての人に役立つことを願っています。