0

iframe 内にログイン フォームがあります。メインページのコードは次のとおりです。

<!DOCTYPE html>
<html>
    <head>
        <meta content="text/html; charset=windows-1252" http-equiv="content-type">
        <script language="javascript">
            function SubmitForm() {
                document.getElementById('loginframe').contentWindow.document.getElementById('login').submit();
            }
        </script>
        <title>Login to Vote</title>
    </head>
     <body>
        <iframe id="loginframe" src="sasloginhandler.html"></iframe>
        <input onclick="SubmitForm()" value="Submit form" type="button">
    </body>
</html>

「sasloginhandler.html」ページのコードは次のとおりです。

<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=windows-1252" http-equiv="content-type">
    <title>Login to Vote</title>
  </head>
  <body>
    <form action="https://moodle.standrews-de.org/login/index.php" method="post"
      id="login">
      <div class="loginform">
        <div class="form-input"> <input name="username" placeholder="Username"
            id="username"
            size="15"
            type="text">
        </div>
        <div class="form-input"> <input name="password" placeholder="Password"
            id="password"
            size="15"
            value=""
            type="password">
          <input id="loginbtn" value="Login" type="submit"> </div>
      </div>
      <div class="forgetpass"><a href="forgot_password.php">Forgotten your
          username or password?</a></div>
    </form>
  </body>
</html>

問題は、iframe 内の送信ボタンも iframe の外側の JavaScript 送信ボタンも何もしないことです。私はそれ自体で iframe コードをテストしましたが、問題なく動作するため、問題を引き起こしているのは iframe の一部のようです。ただし、これがなぜなのかはわかりません。

ありがとうございました！

4

1 に答える 1

0

iframe 内のフォームの ID は次のとおりですloginが、取得しようとしていますloginform

document.getElementById('loginframe').contentWindow.document.getElementById('login').submit();
于 2013-06-18T23:48:50.557 に答える