老师,自己稍微改了下。感觉还是实现不了?问题出在哪呢?

来源: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属性获取到用户输入的值。

http://img.mukewang.com/climg/5faa625709e8c06209840256.jpg

http://img.mukewang.com/climg/5faa62660943e2b908650515.jpg


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

http://img.mukewang.com/climg/5faa6225094b2d0207530110.jpg

​祝学习愉快~


1
higorous阿炎
h 是说有时候写的是对的,发现跳转不了,原来是type属性需要添加下
h020-11-10
共1条回复

0 学习 · 15276 问题

查看课程