새로운 웹 사이트 디자인에 로그인 양식이 있으며 사용자 이름/비밀번호 입력, 로그인 할 사이트의 부분 (제어판) 선택을위한 드롭 다운 선택 및 제출 버튼. 각 패널마다 외부 페이지에서 로그인해야하는 필요성이 다르기 때문에 필자는이를 충족시키는 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>