一种形式的两个动作

Question

我想说，我已经阅读了所有类似的问题，但没有找到我需要的答案。

因此，我在远程主机上有一个由用户名、密码和"rememberMe“复选框组成的HTML表单：

<form method="POST" action="http://1.2.3.4:5000/webman/login.cgi">
    <p><input type="text" name="username" value="" placeholder="Username or Email"></p>
    <p><input type="password" name="passwd" value="" placeholder="Password"></p>
    <p class="remember_me">
      <label>
        <input type="checkbox" name="rememberme" id="remember_me">
        Remember me on this computer
      </label>
    </p>
    <p class="submit"><input type="submit" name="commit" value="Login"></p>
  </form>

我所要做的就是将数据从一个表单提交到另一个表单(另一个表单--这是我的语法NAS登录表单)。但问题是，如果我编写action="http://1.2.3.4:5000/webman/index.cgi"，它什么也不会做(只需将我发送到第二个登录表单)。但是当我使用action="http://1.2.3.4:5000/webman/login.cgi"时，它将我转发到login.cgi页面，其中只显示以下内容(具有正确的用户名& passwd)

{ "result" : "success", "success" : true }

但是:如果我在浏览器login.cgi中将index.cgi 更改为index.cgi，那么当我通过默认表单成功登录时，我会转到桌面。

因此，在此基础上，问题是：如何将数据发送到login.cgi，但将用户重定向到./index.cgi？

Answer 1

你需要两份表格。你不能在形式上有形式。您需要使用javascript在表单之间复制数据。你可以这样做：

function copydata() {
    document.form1.username.value = document.form2.username.value;
    document.form1.passwd.value = document.form2.password.value;
    return 1;
}

如果我是正确的，你有两个不同的行动登录。您所要做的就是在单击submit (submit for second form) submit按钮时应用此代码一次。

Answer 2

在<form method="POST" action="http://1.2.3.4:5000/webman/login.cgi">中，您需要在上面添加target="login_iframe"以添加行<iframe id="login_iframe" name="login_iframe" width="0" height="0" frameborder="0" style="display: none;" ></iframe>。

下面是一个脚本，用于在验证之后重定向用户。请注意，该脚本只有一半工作，因为没有条件“如果密码不正确，那么它应该弹出铭文”。

<script>
    $(document).ready(function(){
        $("#login_iframe").on("load", function(){
            location.href = "https://the address of the page/";
        });
    })
    </script>

您应该更改重定向地址。