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

2015-11-26 21:23:25 +08:00
 sutking
代码是这样的:

<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>

目的是希望实现一个不需要数据库的通过输入用户名和密码的假登陆页面,现在遇到的问题就是点击“登入”按钮没有任何反应,不论用户名密码是否输入正确,都没有任何提示窗口和页面的跳转。
请求高手支援,我的代码问题出在哪里了啊?
3171 次点击
所在节点    HTML
19 条回复
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
如果你想要的是点击按钮后调用 login ,那么 form 就没有必要存在。
对于初学者来讲,解决问题最好靠试,一部分一部分来,比如说先看看点击按钮之后 login 是否调用成功,最简单的办法可以通过 alert 来测试。
如果能调用了,再看看输入框中的内容是否能够正常获取。

最后的最后,如果你用 Chrome 等浏览器, F12 以后可以看到 js 报错信息。
paloalto
2015-11-26 22:23:27 +08:00
请把 登陆 和 登入 统一为 登录 吧
luoway
2015-11-26 22:26:39 +08:00
SyntaxError: unterminated string literal
> "用户名或密码错误”
后一个是中文引号。

浏览器 F12 查看报错信息。
sutking
2015-11-26 22:29:06 +08:00
@coraline 把“ button ”换成“ submit ”问题依旧啊 T_T
zhangwei1996
2015-11-26 22:30:10 +08:00
alert("用户名或密码错误”);
注意引号,换个字体吧。。
sutking
2015-11-26 22:31:47 +08:00
@qiayue 嗯,<form>的确没什么用处,删掉了,不过问题依旧……
zhangwei1996
2015-11-26 22:31:53 +08:00
zhangwei1996
2015-11-26 22:33:57 +08:00
你们都没直接解答楼主的问题啊。
楼主不看调试工具的么?这么明显的错误。

sutking
2015-11-26 22:35:14 +08:00
@luoway
@zhangwei1996
问题果然在这儿了,现在一切正常了,字体害人啊……
真有种欲哭无泪的感觉……竟然会出现这样的奇葩问题……
x86
2015-11-26 22:35:55 +08:00
12 行你换个字体看看 ""
sutking
2015-11-26 22:38:42 +08:00
@zhangwei1996
@luoway
感谢!想再请教一个问题,我用 subline text ,怎么才能选择另存为时候 html 文件的编码呢?我现在打开的 sbt 另存的 html 都是乱码……
sutking
2015-11-26 22:39:17 +08:00
@x86 问题已解决,感谢!
luoway
2015-11-26 22:45:30 +08:00
@sutking <meta charset="utf-8"/>
不想一直做伸手党的话看看 w3school.com
luoway
2015-11-26 22:46:06 +08:00
sutking
2015-11-26 22:46:10 +08:00
@zhangwei1996
我这个还真是难以发现啊……
sutking
2015-11-26 22:48:46 +08:00
@luoway 嗯,开始学习不久,有点急于求成了
SpicyCat
2015-11-27 09:51:25 +08:00
这问题不自己跑一遍,全靠眼看还真看不出来。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/239231

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX