麻烦老师看下哪里不对
来源：2-13 编程练习
weixin_慕运维6156400
2020-09-24 19:22:05
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Location 对象</title>
</head>
<body>
<form id="login">
<p>用户名：<input type="text" name="username"></p>
<p>密 码：<input type="password" name="psw"></p>
<input type="submit" name="sub">
</form>
<script>
var login = document.getElementById('login');
var uname = login.username.value,
psw = login.psw.value,
sub = login.sub;
sub.onclick = function() {
if (uname == '张三' && psw == '123456') {
window.location.href = 'https://www.imooc.com';
} else {
alert('信息不对');
}
}
</script>
</body>
</html>
1回答
-
好帮手慕久久
2020-09-25
同学你好，代码中有如下问题：
1.提交按钮使用了input元素，并其它的type属性为submit，该按钮会有默认刷新页面的行为，所以会影响提交时跳转到慕课网，建议改成button，如下：
2. uname和psw的值，在页面刚打开时就获取了，此时输入框中还没有输入内容，所以二者的值为空，因此提交的时候，永远显示信息不对。
建议在提交按钮的点击事件中，获取这两个变量的值，如下：
如果我的回答帮到了你，欢迎采纳，祝学习愉快！
0
相似问题