登录表单提交的Javascript函数

Javascript Function for Login Form Submit

本文关键字：函数 Javascript 表单提交 登录      更新时间：2023-09-26

我在我们的新网站设计上有一个登录表单，它有一个用户名/密码输入，一个下拉选择来选择要登录的网站(控制面板)的哪个部分，以及提交按钮。由于每个面板都有从外部页面登录的不同需求，因此我编写了一个Javascript函数来匹配这些需求。不幸的是，它似乎不起作用，我不知道问题在哪里。

<script type="text/javascript">
function changeAction(s)
{
    var loginform = document.getElementById("frmLogin");
    panel_option = parseInt(s.options[s.options.selectedIndex].value);
    switch (login_option)
    {
        case 0:
            loginform.action = "https://www.domain.com/clients/dologin.php?goto=clientarea";
            loginform.username.name = "username";
            loginform.password.name = "password";
            break;
        case 1:
            loginform.action = "http://my.domain.com/templates/default/login.aspx";
            loginform.username.name = "UserName";
            loginform.password.name = "Password";
            break;
        case 2:
            loginform.action = "http://voicepanel.domain.com";
            loginform.username.name = "email";
            loginform.password.name = "password";
            break;
        default:
            loginform.action = "https://www.domain.com/clients/dologin.php?goto=clientarea";
            loginform.username.name = "username";
            loginform.password.name = "password";
            break;
    }
}
function loginSubmit()
{
    var user = document.getElementsByName("username");
    var pass = document.getElementsByName("password");
    if(!user[0].value)
    {
        return;
    }
    if(!pass[0].value)
    {
        return;
    }
    document.getElementById("frmLogin").frmLogin.submit();
}
</script>
</head>
<body>
<div id="wrap">
<!--Start Header-->
<div id="header">
<a href="index.php" id="logo"><span class="text_in">XFS</span></a>
<!--User Login-->
<div id="header_right">
    <h2><span class="text_in">User Login</span></h2>
    <form method="POST" name="frmLogin" id="frmLogin" onSubmit="javascript:loginSubmit();">
        <input class="binput" name="username" style="margin-left: 40px;" value="Username">
        <input class="binput" name="password" type="password" value="Password">
            <select class="binput" style="margin-left: 40px; width: 130px;" onchange="javascript:changeAction(this);">
                <option value="0">Billing Panel</option>
                <option value="1">Game Panel</option>
                <option value="2">Ventrilo Panel</option>
            </select>
        <input type="submit" class="blogin" value="Login" id="ButtonLogin">
    </form>

网站有不同的登录方式。例如VBulletin哈希用户的密码!其他一些使用大量的隐藏文本字段!因此，当您想要发送数据时，您应该确保所有数据都存在!
其中一种方法是创建多个表单，只显示用户想要看到的一个!

愚蠢的错误，我在Java脚本中的switch语句是在一个不存在的变量上。

相关文章：