关注带有hash/fragment的页脚表单,在成功提交后保持hash



我在页面底部有一个表单。这是一个普通的表单。我已经将操作设置为#adding-show,表单的id是"form"。结果是表单提交到当前页面(浏览器不向服务器发送#adding-show)。

如果提交无效/失败,则表单处于焦点状态且可见=良好。

如果提交有效,服务器会将浏览器重定向到同一页面(以消除回发),不包含哈希,但浏览器会"记住"哈希,因此浏览器会重定向到页面底部的#adding-show

简而言之:当提交无效/失败时,保留哈希是好的,但如果提交成功,就不应该使用哈希。

问题是:有办法做到这一点吗?正确重定向并适当地"忘记"哈希。有些JS还可以。我可以让服务器做任何事情。

如果你喜欢代码,它在Github上。

或者:

<form id="adding-show" method="post" action="#adding-show">

我用一段"conditional"JS解决了这个问题:https://github.com/rudiedirkx/series/blob/83c74f183d4c10474e2b92d819349120ad0094b6/index.php#L627只有当页面处于回发状态时才会打印,因此需要突出显示表单。

相关内容

  • 没有找到相关文章

最新更新