-1

我有一个带有两个提交按钮的联系表单(两个按钮具有相同的功能,除了一个在页面上方)

两个按钮都对其进行了验证(如果未勾选复选框,则会弹出警告)

如果单击页面上方的提交按钮并且验证未完成,我希望页面跳转到底部。

我尝试用锚标记包装输入按钮:

<a href="#seccta">t<input type="image" src="http://fc01.deviantart.net/fs71/f/2010/108/c/5/Green_Submit_Button_by_rukiaxichigo15.jpg" onclick="if(!this.form.checkbox.checked){alert('Please read and agree to the terms and conditions first.');return false}"  /></a>

并将锚代码放在文档底部:

<a name="seccta"> </a>

...但它不起作用。当我将文本放置到位时它可以工作,但是提交按钮会破坏它。

4

2 回答 2

0

不要包裹按钮,而是将其放在按钮之前或之后

<a href="#seccta">t</a><input type="image" src="http://fc01.deviantart.net/fs71/f/2010/108/c/5/Green_Submit_Button_by_rukiaxichigo15.jpg" onclick="if(!this.form.checkbox.checked){alert('Please read and agree to the terms and conditions first.');return false}"  />

对于用户来说,它不会做出任何改变,因为您将在按钮之后/之前指向右侧。如果您需要放置一个空白字符,请使用  

<a href="#seccta">&nbsp;</a>

试试看

于 2013-10-14T15:34:39.233 回答
0

好的,我在锚点上添加了另一个 onclick,这解决了我的问题:

location.href='#seccta'; if(!this.form.checkbox.checked){alert('Please read and agree to the terms and conditions first.');return false};
于 2013-10-14T15:53:06.733 回答