我在页面底部有一个表单。这是一个普通的表单。我已经将操作设置为#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只有当页面处于回发状态时才会打印,因此需要突出显示表单。