所以我正在玩HTML和JS，我有两个网页，每个网页都有自己的addEventListener，当用户从这些页面提交表单时，我需要工作。但是，只有“登录”页面的事件警报器正常工作 - “重置密码”页面的事件警报器不起作用。我尝试在JS文件中交换他们的订单，然后我的重置密码一个工作，而我的登录没有。是否有可能在一个JS文件中有多个addEventReleners，在需要时都能正常工作？代码如下：登录页面：<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>Log In</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="style.css"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.7/css/all.css"></head><body id="formBodyBG"><header> <div> <div id="navMenu"> <ul> <li class="logo"> <a href="index.html" class="navLink home">Home</a> </li> <li class="createAccount"> <a href="createAccount.html" class="navLink createAccountButton">Create Account</a> </li> </ul> </div> </div></header><section class="mainBody"> <div class="leftSide"></div> <div class="mainForm"> <h1 style="text-align:center; margin-bottom:12px; font-size:32px">Welcome Back!</h1> <h5 style="text-align:center; margin-bottom:25px">Log in to review, analyze past trends, or import new data.</h5> <form class="form" id="loginForm" action="dashboard.html" method="GET"> <div class="mainFormDesign"> <label>Username</label> <input type="text" id="username" name="username" class="input"><br> <i class="fa fa-check-circle"></i> <i class="fa fa-exclamation-circle"></i> <small>Error message</small><br><br> </div> </form> </div> <div class="rightSide"></div></section><script type="text/javascript" src="/pages/code.js"></script>
1 回答
ibeautiful
TA贡献1993条经验 获得超5个赞
由于登录表单不存在，因此重置表单页面上将出现错误，这会阻止javascript完成，反之亦然，它可能会引发错误，但适用于登录部分。确实检查了控制台。在浏览器中打开 html，然后按 F12
解决方案：只添加事件侦听器是元素 ！== null
if ((typeof loginForm === 'undefined') || (loginForm !== null)){
loginForm.addEventListener......
}添加回答
举报
0/150
提交
取消