2010-04-01 144 views
0

我有一个包含此单个输入字段的表单,这只不过是一个按钮,打印当前页面更多:HTML JavaScript表单提交时图像输入按钮

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

印刷后,页面重新 - 提交(本身)。它为什么这样做,我可以阻止它?

如果我只是改变了类型为“输入”,这个代码不打印后,再提出自己:

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

不幸的是,我们的风格约定要求我使用该按钮图像,而不是标准输入按钮。

+1

如果图像按钮有没有JavaScript没有功能的结束,那么它使用JavaScript编写成文档。 – fuxia 2010-04-01 15:54:45

回答

5

onclick处理程序更改为onclick="printpage(); return false;" - 这将阻止按钮除了运行JavaScript之外的任何操作。

+1

可能值得一提的是,您需要这样做的原因是,“image”类型的输入元素默认为* submit *按钮,因此在单击时提交表单。 – Syntactic 2010-04-01 18:33:33

3

add'return false;'您onClick事件:

onclick="printpage();return false;" 
0

您是否尝试过加入

返回FALSE;

你的代码 为此

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