gpt4 book ai didi

javascript - 在 iframe 中提交表单时滚动到 iframe 顶部

转载 作者:行者123 更新时间:2023-11-28 08:57:08 25 4
gpt4 key购买 nike

我有一个放置在 IFrame 中的表单。我添加了用于验证的 javascript 函数。当点击提交按钮而不填写必填字段时,会出现错误消息。

该表单包含超过 8 个字段。错误消息将显示在页面顶部。因此,当单击提交按钮时,它会保留在页面底部。因此,错误消息是不可见的。

为了在 iframe 中向上滚动,我添加了以下代码,

parent.parent.window.scroll(0,0);

它将我带到 iframe 中的页面顶部。但是,跳过 Javascript 验证。它无需验证即可传递请求。

请帮我解决这个问题。

提前致谢

最佳答案

为错误的包装 div 设置一个 id,然后使用 JavaScript 的 window.location 在强制字段验证代码之后(并取决于)在内部移动到该 id(您可以将其放入条件语句中)。有关如何使用它的示例:

<!DOCTYPE html>
<html>
<head>
<script>
function scroll(){
window.location = '#error';
}
</script>
</head>
<body>
<div id='error'>
<p>Error: This is an error message.</p>
</div>
<iframe src="http://www.yahoo.com" width="400" height="800">
</iframe>
</br>
<input type="button" onclick="scroll()" value="Scroll"></input>
</body>
</html>

您还可以使用 jQuery 平滑滚动到它:

http://www.paulund.co.uk/smooth-scroll-to-internal-links-with-jquery

关于javascript - 在 iframe 中提交表单时滚动到 iframe 顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18323240/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com