我的登录页面是一个html页面,登录的按钮是一个图标,我该如何做才能使输入正确的用户名和密码后跳转到指定的页面呢?
按钮的代码是 <input class=IbtnEnterCssClass id=IbtnEnter type=image src="images/user_botton.gif" name=IbtnEnter>
我的登录页面是一个html页面,登录的按钮是一个图标,我该如何做才能使输入正确的用户名和密码后跳转到指定的页面呢?
按钮的代码是 <input class=IbtnEnterCssClass id=IbtnEnter type=image src="images/user_botton.gif" name=IbtnEnter>
要加入JS脚本的~~如果有数据库 要连接到数据库滴
建议楼主回去把书重新看一遍,这是最最基础的关于表单的东西,我不想多说
要form的情况 js function sub(){ document.forms["myForm"].submit(); } html代码 <form name="myForm">
<input onclick="sub()" class=IbtnEnterCssClass id=IbtnEnter type=image src="images/user_botton.gif" name=IbtnEnter> </form>
不要form js
function sub(){ //获得用户名 var name = document.getElementById("name").value; //拼装url var url = "index.jsp?name="+name;
window.location.href="url"; }
html代码: <input onclick="sub()" class=IbtnEnterCssClass id=IbtnEnter type=image src="images/user_botton.gif" name=IbtnEnter>
<html> <head> <title>管理员登录</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script language="JavaScript" type="text/javascript"> <!-- function CheckForm() { if(document.Login.UserName.value=="") { alert("请输入用户名!"); document.Login.UserName.focus(); return false; } if(document.Login.Password.value == "") { alert("请输入密码!"); document.Login.Password.focus(); return false; } if (document.Login.CheckCode.value==""){ alert ("请输入您的验证码!"); document.Login.CheckCode.focus(); return(false); } } //--> </script> <style type="text/css"> <!-- BODY{FONT-FAMILY: 宋体;FONT-SIZE: 9pt; text-decoration: none;line-height: 150%; background-color: #FBFDFF;} TD{FONT-FAMILY:宋体;FONT-SIZE: 9pt;} Input{FONT-SIZE: 9pt;HEIGHT: 20px;} Button{FONT-SIZE: 9pt;HEIGHT: 20px; } Select{FONT-SIZE: 9pt;HEIGHT: 20px;} .border{border: 1px solid #CCCCCC;} .title{background:#f6f6f6;} .STYLE4 {font-size: 36px} --> </style> <script language="JavaScript" src="../inc/js/keyboard.js" type="text/javascript"></script>
</head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <br /><br /><br /><br /><br /><br /> <table width="477" height="208" class="border" align="center" cellpadding="0" cellspacing="0" > <form action="login_ck.asp" method="post" name="Login" target="_parent" id="Login" onSubmit="return CheckForm();"> <tr> <td height="80" colspan="3" align="center"><font class="STYLE4">用户登陆</font></td> </tr> <tr> <td height="92" align="center"></td> <td align="center"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1"> <tr> <td width="185" align="right" height="25"><span class="stylefont">用户名:</span></td> <td width="268" align="left"><input name="UserName" type="text" id="UserName" size="20" maxlength="16" /></td></tr> <tr> <td width="185" align="right" height="25"><span class="stylefont">密 码:</span></td> <td width="268" align="left"><input name="Password" type="password" size="16" maxlength="16" /> </td> </tr> <tr> <td width="185" align="right" height="25"><span class="stylefont">验 证 码:</span></td> <td width="268" align="left"><input name="CheckCode" size="16" maxlength="4" /> <img src="Admin_GetCode.asp" /></td></tr> </table> </td> <td align="center"></td> </tr> <tr> <td height="60" colspan="3" align="center"> <input type="submit" name="Submit2" value=" 登 陆 "> <input type="reset" name="Submit" value=" 重 置 "></td> </tr> </form> </table>
</body> </html>