Question

我一直在尝试使用HTML和JS创建一个登录页面，该页面使用我的.htaccess文件访问网站，而不是让用户使用丑陋的弹出窗口：传递。

到目前为止，我已经获得了此代码，但这并不起作用。当我输入用户名并传递时，它所做的就是重定向到页面并打开它的.htaccess

<form name="login-form" class="login-form">
    <input type="hidden" name="server" value="mywebsite.com/private">
    <div class="header">
        <h1>Develop Page</h1>
        <span>Login to access!</span>
    </div>

    <div class="content">
        <input name="username" type="text" class="input username" placeholder="Username" />
        <div class="user-icon"></div>
        <input name="password" type="password" class="input password" placeholder="Password" />
        <div class="pass-icon"></div>       
    </div>

    <div class="footer">
        <input type="button" class="button" onClick="Login(this.form)">Login</a>
    </div>

</form>

和JS：

<script>
function Login(form) {
    var username = form.username.value;
    var password = form.password.value;
    var server = form.server.value;
    if (username && password && server) {
        var htsite = "http://" + username + ":" + password + "@" + server;
        window.location = htsite;
    }
    else {
        alert("Please enter your username and password.");
    }
}
</script>

我做错了吗？有更好的方法吗？
任何帮助将不胜感激:)）

Answer 1

由于出于安全考虑，IE9我认为"http://" + username + ":" + password + "@" + server格式不适用于IE。我不认为有一种方法可以很好地完成这项工作，而不是改变服务器的身份验证方式（例如自定义用户/会话管理/重定向/等）。有许多用户/会话管理库可以帮助您。

使用.htaccess的登录页面

1 个答案: