Html 带有锚定标签的提交按钮

我有一个带有两个提交按钮的联系人表单（两个按钮都有相同的功能，只有一个按钮在页面上方）

两个按钮上都有验证（如果未勾选复选框，则会弹出警告）

如果页面上方的submit按钮被单击，并且验证未完成，我希望页面跳转到底部

我已尝试使用锚定标记包装输入按钮：

<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>

---

。。。但它不起作用。当我将文本放在适当的位置时，它会工作，但“提交”按钮会将其打断。

将按钮放在按钮之前或之后，而不是将其包裹起来

<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>

---

试试看

好的，我在锚上添加了另一个onclick，这解决了我的问题：

location.href='#seccta'; if(!this.form.checkbox.checked){alert('Please read and agree to the terms and conditions first.');return false};

我只是把“t”放在示例中，以表明它与文本一起工作。如果弹出警告，我希望页面跳转到底部。