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 に答える