提交锚链接

时间:2014-07-05 17:10:55

标签: php html css

如果由于空白字段而未发送我的联系表单,则会重新加载该网站并在表单前显示错误消息。一切正常后,会显示“成功”消息。 问题是联系表单在页脚中,并且在发送表单后,如果没有向下滚动,则无法看到任何一条消息。

我在提交按钮中尝试了这个,但它不起作用。

<input type="submit" value="Send" onsubmit="location.href='#footer';">

页脚是我希望在提交后发送用户的ID。

有什么想法吗?

谢谢!

修改

使用“index.php?#footer”而不是单独的id似乎适用于错误消息的情况,而不是出于某种原因成功的情况....

2 个答案:

答案 0 :(得分:2)

您可以将#footer添加到表单的action

<form action="/some_path/#footer">
  <input type="submit" value="Send">
</form>

答案 1 :(得分:0)

我认为您希望首先获得元素的位置。 称之为:

<input type="submit" value="Send" onsubmit="anchorfunction('#footer');">

然后你的JS函数应该是这样的:

function anchorfunction(elem) { var top = document.getElementById(elem).offsetTop; window.scrollTo(0, top); }

通过这种方式,您将获得元素的顶部并在当前窗口中滚动到它。