请教一个静态页面的问题，实在查不出哪里出错了，郁闷死了……

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

Dive into HTML5

这是一个创建于 3067 天前的主题，其中的信息可能已经有所发展或是发生改变。

代码是这样的：

<html>
<head>
<title>登陆</title>
<script>
function login(){
var name=document.getElementById("name").value;
var pass=document.getElementById("pass").value;
if(name=="admin" && pass=="admin"){
alert("登入成功");
window.location="http://www.baidu.com/" 
}else{
alert("用户名或密码错误”);
window.location="http://cn.bing.com/" ;
} 
}
</script>
</head>
<body>
<form name="f" action="a.htm">
用户名:<input TYPE="text" id="name"><br>
密  码:<input TYPE="password" NAME="" id="pass"><br>
<input TYPE="button" value="登入" onclick="login()">
</form> 
</body>
</html>

目的是希望实现一个不需要数据库的通过输入用户名和密码的假登陆页面，现在遇到的问题就是点击“登入”按钮没有任何反应，不论用户名密码是否输入正确，都没有任何提示窗口和页面的跳转。
请求高手支援，我的代码问题出在哪里了啊？

19 条回复 • 2015-11-27 09:51:25 +08:00

coraline

2015-11-26 21:56:21 +08:00

type='submit'

coraline

2015-11-26 21:57:28 +08:00

尝试一下 submit

qiayue

2015-11-26 22:04:19 +08:00 via iPhone

如果你想要的是点击按钮后调用 login ，那么 form 就没有必要存在。
对于初学者来讲，解决问题最好靠试，一部分一部分来，比如说先看看点击按钮之后 login 是否调用成功，最简单的办法可以通过 alert 来测试。
如果能调用了，再看看输入框中的内容是否能够正常获取。

最后的最后，如果你用 Chrome 等浏览器， F12 以后可以看到 js 报错信息。