フォームの入力時にリフレッシュページを停止しますか？

Question

フォームの送信時にページが更新されるという問題があります。私はスタック上に他の質問をチェックしましたが、入力の種類がボタンのようなものであれば問題なく動作しました<input type="button"> javescriptとjqueryのテクニックもチェックしましたが、私にとってはうまくいきません。親切にも、そのタイプがイメージの場合に、フォーム提出時にページリフレッシュを停止する方法を教えてください。

<form action="userOwnProfile.php" method="post"> 
<input type="image" src="messageicon.jpg"> 
</form> 

Answer 1

ID、入力名、またはフォーム名がなく、送信ボタンはありません。 Ajaxを使用する場合は、ID、クラス、または名前で要素を識別する必要があります。あなたが持っているものは働くことができません。 てみてください（タグを追加）

<img id='somename' src='messageicon.png' /> 

それとも

<button id='somename'>messageicon.png </button> 

あなたが次に

$("#somename").click(function(e){ 
    e.preventDefault(); 
    Do something like send data to php 

    });