老师,自己稍微改了下。感觉还是实现不了?问题出在哪呢?
来源:2-13 编程练习
Vigorous阿炎
2020-11-10 17:17:08
<form action="" id="FM">
用户名:<input type="text" name="yhm" value="" id="">
<p>
密码:<input type="text" name="mm" value="" id="">
</p>
<button id="btn">提交按钮</button>
</form>
<script>
var FM=document.getElementById('FM');//得到表单
var btn = document.getElementById('btn');//得到按钮
var a=FM.yhm.value; //得到用户名的值
var b=FM.mm.value; //得到密码的值
btn.onclick = function () {
if (a == '张三' && b == '123456') {
window.location = 'http://www.imooc.com';
} else {
alert('信息不对');
}
}
</script>
在这里输入代码,可通过选择【代码语言】突出显示
1回答
好帮手慕慕子
2020-11-10
同学你好,因为无法通过父元素.子元素id名的方式获取到子元素,所以无法实现效果。
建议修改:
1、给两个input元素添加id属性值,分别获取到元素,然后在点击的时候,通过value属性获取到用户输入的值。


2、点击button按钮提交表单时会有默认刷新页面的行为,会影响提交时跳转到慕课网,建议添加type="button"属性修改为普通按钮。

祝学习愉快~
相似问题