javascript 网页登陆代码
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 网页登陆代码相关的知识,希望对你有一定的参考价值。
请问哪位高手能用javascript脚本语言编写登录界面代码。数据库(Access)名为:mm ,用户表为:user (QX, UserName, Password)
注:登陆页面为index.html登录成功则跳转到xs.html或js.html)万分感谢!
index.html页面文件:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="240" border="0">
<tr>
<th scope="row"><div align="left"><strong>权限</strong></div></th>
<td colspan="2"><label for="qx"></label>
<select name="qx" id="qx">
<option>学生</option>
<option>教师</option>
</select></td>
</tr>
<tr>
<th scope="row"><div align="left">用户名:</div></th>
<td colspan="2"><label for="username"></label>
<input type="text" name="username" id="username" /></td>
</tr>
<tr>
<th scope="row"><div align="left">密 码:</div></th>
<td colspan="2"><label for="password"></label>
<input type="text" name="password" id="password" /></td>
</tr>
<tr>
<th scope="row"> </th>
<td><label for="submit"></label>
<input type="submit" name="submit" id="submit" value="提交" /></td>
<td><label for="reset"></label>
<input type="reset" name="reset" id="reset" value="重置" /></td>
</tr>
</table>
</form>
</body>
</html>
补充该问题的登录界面
js唯一的可以影响数据库的是ajax,用它影响动态语言(asp、php)等,从而间接影响数据库 参考技术A 你需要增加一个servlet,读用户名密码,查询数据库都可以在servlet 的doPost()方法中操作,判断登录成功失败后,直接用response.sendRedirect("/xs.html");跳转到成功后的界面。如果用js是操作不了数据库的。
如果不加数据库判断的话,可不用servlet,js可直接判断,写法如下:
1、submit加上onclick
<input type="submit" name="submit" id="submit" value="提交" onclick="logon()"/></td>
2、加一个方法提交请求。注:加servlet的话可以在表单的action中直接提交,如:action="<%=path %>/servlet/TestServlet"
<title>无标题文档</title>
<script type="text/javascript">
function logon()
var username = document.all.form1.username.value;
var password = document.all.form1.password.value;
//alert(username + password);
if(username=='admin' && password=='admin')
alert('success');
else
alert('failed');
</script>
</head> 参考技术B js代码只能对页面的信息进行控制,比如说初步验证输入的信息是否合法
至于登录的具体处理得使用后台语言来实现,比如说php java等
以上是关于javascript 网页登陆代码的主要内容,如果未能解决你的问题,请参考以下文章
网页上 点登陆弹出一个登录对话框使用啥技术实现的 AJAX吗?怎么做啊?急