私はPHPで新しく、私はJavascriptで連絡フォームを作った。しかし、Submitボタンをクリックすると、ページ全体がリフレッシュされます。助けてください私はしたくないときにページをリロードする
答えて
送信ボタンをクリックすると、ブラウザから予想される動作はフォームを送信することです。このデフォルトアクションが起きないようにするには、event.preventDefault()
を読んだり、イベントハンドラからfalse
を返してください。
私はあなたに例を示します。 HTML:
<form id="my-form" action="">
...
<input type="submit" value="Submit me please" />
</form>
Javascriptを:
var myform=document.getElementById('my-form'); //getting our form
myform.onsubmit=function (e) { //attaching a handler to the submit event
if (e && e.preventDefault) { //modern way of preventing default action
e.preventDefault();
}
else if (window.event && window.event.returnValue) { //ancient IE crap
window.event.returnValue = false;
}
};
次回は、より具体的にお願いいたします。
このようにイベントハンドラをバインドすると、単に 'falseを返すことができます。さらに、フォームには常にデフォルトの 'action'を与えます。そのため、JavaScriptが無効/利用できない場合でもユーザーは内容を送信できます。 –
@Marcel Korpelあなたの最初の声明は正しいですが、私はこれを私の答えで述べました。私はあなたの2番目のステートメントを理解していない、私のフォームは、デフォルトのアクションがあります。 – kapa
はい、私はあなたの答えでそれを言及しますが、一貫性は私の友人です。 ;-)デフォルトのアクションでは、 'action'属性にURLを入力する必要があるので、JavaScriptが有効になっていなくてもフォームを送信できます。 –
送信する必要があるため、サーバーにデータを送信/ポストする必要があるため、ajaxを使用し、送信ボタンを使用しないで送信ボタンをクリックした後にページを更新する必要はありません。
- 1. ページがリロードされたときにswf onbjectをリロードしないでください
- 2. JQueryトリガーの後にページをリロードしないようにする
- 3. 私のPHPページでリロードとf5を無効にする
- 4. リロードは私がフォローコードをリロードしてみてください、私はフラッシュ埋め込みをリロードすることができますどのようにしたい一人一人にこんにちはJavaScriptを使用して</p> <p>を
- 5. フォームデータを失うことなく現在のページをリロードする方法は?
- 6. ページがリロードされたときに期限切れになるPHP $ _POSTフォーム
- 7. ページをリロードした後に異なるスタイルのナビゲーション
- 8. 私のアプリが再びアクティブになったときに私のビューをリロードするには?
- 9. 各ページに新しいGIFを表示するまたはリロードする
- 10. Jquery Slidetoggle:なぜ私のページをリロードするのですか?
- 11. ページがリロードされたときに選択ボックスに以前に選択した値を保持しないでください
- 12. IllegalStateExceptionまたは多くのページをリロードした後にページのデータを繰り返す
- 13. リロード画像は、私は5秒ごとに画像をリロードしたいが、それは動作しません、それは同じまま、しかし、あなたがページをF5ときにリフレッシュを行う、ちょっと</p> <p>を
- 14. php/ajax/mysqlは、ページ全体をリロードせずにリロードする
- 15. ページをリロードしないで値をクリアする
- 16. リフレッシュしないでページを自動リロードする
- 17. Greasemonkeyスクリプトは、ページがリロードされたときにのみ実行されます。
- 18. ajaxからデータを取得した後にページをリロードする
- 19. 変更URLのページをリロードした後
- 20. キャッシュされたバージョンをロードするのではなく、サーバーからページを強制的にリロードする
- 21. AJAX経由でリロードした後にサムネイルをクリックできない
- 22. N秒ごとにajaxコールをスケジュールする方法は?私はN秒ごとにリロードするページ全体をしたい場合は
- 23. jQuery Mobileはブラウズ時にいつページをリロードしますか?
- 24. Maven Jetty - 静的ファイルのみを変更するときにアプリケーション全体をリロードしないでください
- 25. アンカーのonclickはページをリロードしないでくださいが、JavaScriptをトリガーしますか?
- 26. div私がページ上にいるときはFadeInを、私がスクロールするときにはFadeOut私のウェブサイトでは
- 27. Firefoxで[戻る]ボタンをクリックして訪問したときにページをリロードします
- 28. ページをスクロールするときにボタンイベントが正しく機能しない
- 29. フォーム(メソッド=投稿)を送信した後に、ページをリロードするには
- 30. javascriptでuriを変更して、ページをリロードしない
問題のあるコードをすぐに表示できますか?困っていますか? –
それは標準です。 AJAXを使用します。 – alex
このブログ記事をお読みください。それは良い質問をする方法を教えてくれます。あなたが私たちに詳細を知らせない限り、私たちはあなたを助けることができません:http://msmvps.com/blogs/jon_skeet/archive/2010/08/29/writing-the-perfect-question.aspx – JohnP