HTML javascript form submitted when image input button

Question

I have a form that contains this single input field, which is nothing more than a button to Print the current web page:

<div align="center">
<input type="image" src="../Images/print.jpg" value="Print" onclick="printpage();" /></div>
</div>

After the printing, the page re-submits itself (to itself). Why does it do this and can I stop it?

If I just change the type to "input", this code does not re-submit itself after printing:

<div align="center">
<input type="input" src="../Images/print.jpg" value="Print" onclick="printpage();" /></div>
</div>

Unfortunately, our style conventions require me to use that button image rather than the standard input button.

If the image button has no functionality without Javascript, then write it with Javascript into the document. — fuxia
– fuxia, Commented Apr 1, 2010 at 15:54

Aric TenEyck · Accepted Answer · 2010-04-01 15:41:17Z

5

Change the onclick handler to onclick="printpage(); return false;" - that will prevent the button from doing anything besides running the JavaScript.

answered Apr 1, 2010 at 15:41

Aric TenEyck

8,0521 gold badge37 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Syntactic Over a year ago

Might be worth mentioning that the reason you need to do this is that an input element of type "image" is by default a submit button, and therefore submits the form when clicked.

Ray · Accepted Answer · 2010-04-01 15:41:18Z

3

add 'return false;' to your onClick event:

onclick="printpage();return false;"

answered Apr 1, 2010 at 15:41

Ray

21.9k6 gold badges51 silver badges67 bronze badges

Comments

Justin Gregoire · Accepted Answer · 2010-04-01 15:44:24Z

0

Have you tried adding a

return false;

at the end of your code therefor

<input type="input" src="../Images/print.jpg" value="Print" onclick="printpage();return false;" /></div>

answered Apr 1, 2010 at 15:44

Justin Gregoire

2,6541 gold badge20 silver badges9 bronze badges

Collectives™ on Stack Overflow

HTML javascript form submitted when image input button

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related