1

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

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

对于在 iframe 中向上滚动，我添加了以下代码，

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

它将我带到 iframe 中的页面顶部。但是，跳过了 Javascript 验证。它在没有验证的情况下通过请求。

请帮我解决这个问题。

提前致谢

4

1 回答 1

0

为错误的包装 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

于 2013-08-20T00:51:39.577 回答