CODEWITHSUNDEEP
phphtmlforms
Zain Farooq
Zain Farooq

Reputation: 2964

Stop refresh page on form submission by input type image?

I have problem that my page refreshes when form is submitted. I have checked other questions on stack but they worked fine when type of input is button like <input type="button"> I have also checked javescript and jquery techniques but they doesn't work for me. Kindly can you please guide me that how to stop page refresh on form submission when its type is image.

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

Upvotes: 1

Views: 1009

Answers (1)

Szue
Szue

Reputation: 61

You don't have an id, input name or form name, you don't have a submit button. If you wish to use Ajax you need to identify the element with an id, class or name. What you have cannot work. Try (add tags) 

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

Or

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

You don't need a form Then in jquery

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

     });

Upvotes: 1

Related Questions