用于登录表单提交的 Javascript 函数

标签 javascript html css forms login-script

我在我们的新网站设计上有一个登录表单,它有一个用户名/密码输入,一个用于选择要登录网站的哪个部分(控制面板)的下拉选择,以及提交按钮。由于每个面板都有不同的从外部页面登录的需求,因此我编写了一个 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 哈希用户密码!其他一些使用大量的隐藏文本字段!所以,当你想发送数据时,你应该确保所有数据都存在!
其中一种方法是创建多个表单并仅显示一个用户想要查看的表单!

关于用于登录表单提交的 Javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7009223/

相关文章:

javascript - 表的下拉选择

javascript - 如何使用 javascript 和 css 显示扩展文本

javascript - 如何在没有后台的网站上预览本地视频文件?

css - 如何将一个 div 的边框重叠在它下面的另一个边框之上?

html - 将 "SHARE"按钮放置在图像的垂直和水平中心(悬停触发时)

javascript - 事件发射器可以代替发布/订阅吗

javascript - 将特定的json元素转换为json中的数字

javascript - 如果没有在 JS 或 CSS 中的任何地方指定该属性,我如何找到 JS 样式属性的值?

javascript - GeoIP 重定向欧盟美国英国

html - 标题文本前面显示的主导航文本