Regina_Cai 2020-04-27 11:16 采纳率: 0%
浏览 369

HTML+js简单登录网页编写学习

编写了一个简单的登录网页,但是不知道哪里出了问题,页面跳转的时候显示“内部服务器错误”怎么解决呢,出这个问题的原因在哪里呢,望各位大神指点~代码如下截图中所示:

图片说明

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>加班申请</title>
        <link rel="stylesheet" type="text/css" href="css/loginstyle.css"/> 
    </head>
<body>
    <div id="login">
        <h1>员工登录</h1> 
        <form action="index.html" method=post>
            <input type="text" required="required" placeholder="邮箱号"  id="username" value=""></input>
            <input type="password" required="required" placeholder="开机密码" id="password" value=""></input>
            <button class="but" type="submit" name="login" id="234">login</button> 
            <a href="http://127.0.0.1:8020/StudyDemo/forget.html?__hbt=1587952381327">忘记密码</a>
        </form>
    </div>
</body>
<script>
    document.getElementById("234").addEventListener('click', function(){
        var username = document.getElementByID("username").value;
        var pwd = document.getElementByID("password").value;
        if (username == "------" && pwd == "--------"){
            window.location.href = "http://127.0.0.1:8020/StudyDemo/register.html?__hbt=1587955980671"
        }else{
            alert("用户名或密码错误,请重新输入!");
        }
    });
</script>
</html> 

  • 写回答

1条回答 默认 最新

  • 卷尾猫 2020-04-28 22:18
    关注

    var doc = document.getElementById('idName')
    原生js选择用id选择,是这个, d是小写的
    把form的action置空,method也删了,你再执行
    你这只是单纯的点击按钮,获取值,前台判断,页面跳转,不需要form上写属性,不然会触发form的事件。向index.html发post请求

    评论

报告相同问题?

悬赏问题

  • ¥15 有赏,i卡绘世画不出
  • ¥15 如何用stata画出文献中常见的安慰剂检验图
  • ¥15 c语言链表结构体数据插入
  • ¥40 使用MATLAB解答线性代数问题
  • ¥15 COCOS的问题COCOS的问题
  • ¥15 FPGA-SRIO初始化失败
  • ¥15 MapReduce实现倒排索引失败
  • ¥15 ZABBIX6.0L连接数据库报错,如何解决?(操作系统-centos)
  • ¥15 找一位技术过硬的游戏pj程序员
  • ¥15 matlab生成电测深三层曲线模型代码