私は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. 多くのリクエストのあとにページをリロードできない
- 2. ページがリロードされたときにswf onbjectをリロードしないでください
- 3. 私のページがリロードしようとしたとき、なぜ私はajaxクエリを送信していますか?
- 4. 私のページをリロードすると、私のカウントダウンタイマーがリフレッシュされなくなる
- 5. コンソールを開いたときにページをリロードしない方法は?
- 6. リロード私は知らない親ページ
- 7. リロード時にページをアクティブにしないでください
- 8. 私たちがサインアップやサインインしたことを歓迎するのではなく、角2ページのリロード
- 9. Ahoy gem、ページがリロードされたときにahoy.trackレコードをDBに保存しないでください。
- 10. 離れて移動したときにページをリロードしないようにするには
- 11. ユーザーがリンクを押したときなので、ユーザーのブラウザタブ</p> <p>をクリックしたときに、私はページをリロードしたい
- 12. Laravelは、ページをリロードするときに重複するエントリ
- 13. JSのページをリロードしないでください
- 14. ウェブサイトは全ページにわたり、私はしたくない
- 15. リロード - 私は私のJSコードにいくつかの変更をしたいネイティブ
- 16. href = '#'でページをリロードした後にJavascriptが機能しない
- 17. JS - 同じページにリンクをクリックしたときにページをリロードするにはどのように?
- 18. JavaScript:オーディオが見つからないときにページをリロードします
- 19. AngularJSチェックボックスは、ページがリロードされたときにチェック値を保持します
- 20. ページをリロードした後にIEブラウザキャッシュがクリアされない
- 21. JQueryトリガーの後にページをリロードしないようにする
- 22. ボタンを押したときに別のページをリロードするにはどうすればよいですか?
- 23. は私が別のボタンを押したときに、正しくgithubのボタンを「リロード」レンダリングするgithubのフォークボタン
- 24. フォームが送信されたときにページをリロードしないようにする
- 25. AJAXフォームが私のページをリロードする:(
- 26. ユーザーがページをリロードするときにURLをカスタマイズする
- 27. アプリケーションを再オープンしたときにモバイルブラウザにページをリロードさせる方法
- 28. 私のPHPページでリロードとf5を無効にする
- 29. フォームデータを失うことなく現在のページをリロードする方法は?
- 30. は、ページをリロードした後に再開したが好きです。
問題のあるコードをすぐに表示できますか?困っていますか? –
それは標準です。 AJAXを使用します。 – alex
このブログ記事をお読みください。それは良い質問をする方法を教えてくれます。あなたが私たちに詳細を知らせない限り、私たちはあなたを助けることができません:http://msmvps.com/blogs/jon_skeet/archive/2010/08/29/writing-the-perfect-question.aspx – JohnP