javascript - 信息未保存到本地存储中

Question

Java 脚本

function getid() {
    'use strict';
    var pass1, pass2;
    pass1 = document.getElementById("pass1").value;
    pass2 = document.getElementById("pass2").value;
    if (pass1 !== pass2) {
        window.alert("Passwords Do not match");
        document.getElementById("pass1").value = "";
        document.getElementById("pass2").value = "";

    } else {
        logininfo[index] = {
            fname: document.getElementsByName("firstName").value,
            lname: document.getElementsByName("lastNane").value,
            student: document.getElementsByName("studentn").value,
            password: document.getElementsByName("password2").value
        };
        index++;
        localStorage.setItem("login", JSON.stringify(logininfo));
        window.location = "login.html";
    }
}

HTML

<form>
  <div class="login-card">
    <img src="rsz_logo.gif" alt="North Park Logo" >

    <h1>Register</h1><br>
    <input type="text" name="firstName" placeholder="First Name" required>
    <input type="text" name="lastName" placeholder="Last Name" required>
    <input type="text" name="studentn" placeholder="Student Number" required>
    <input type="password" name="pass1" placeholder="Password" required>
    <input type="password" name="pass2" placeholder="Re-type Password" required>

    <input type="submit" name="login" class="login login-submit" value="Register" onclick="getid()">

    <div class="login-help">
      <a href="login.html">Back to Login</a>
    </div>
  </div>
</form>

我在这里尝试做的是密码验证，看看 pass1 = pass2 是否相同，如果它们相等，则进入登录页面并将信息存储到本地存储中，但如果不相等，则清除该人的密码字段重新输入密码。

信息不会保存到本地存储中。单击提交按钮后，页面将刷新，并且信息在 url 中有效，但在本地存储中无效。我试图坚持使用 HTML 和 Javascript。

Answer 1

您缺少执行此操作所需的 ID 标签:

<input type="password" name="pass1" id="pass1" placeholder="Password" required>
<input type="password" name="pass2" id="pass2" placeholder="Re-type Password" required>

这是因为您正在使用:

document.getElementById("pass1").value = "";
document.getElementById("pass2").value = "";

如果没有 ID，该函数就无法获取任何内容。