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 回答