Got it, let's walk through how to fix those unresponsive login and registration buttons. Here's a step-by-step breakdown to track down the issue:

1. Verify Button-to-Function Binding #

First, make sure your buttons are actually hooked up to the right JavaScript functions.

• For the login button: Check your HTML to see if it’s calling the login() function correctly. It should look something like this:

  <button onclick="login()">登录</button>
  

  Or if you’re using event listeners in JS, confirm you’ve properly attached the function to the button:

  document.getElementById('loginBtn').addEventListener('click', login);
  

• For the registration button: If it’s a simple link, use a plain <a> tag for reliability (unless you need custom JS logic):

  <a href="/register.html">前往注册</a>
  

  If you’re using a JS-triggered redirect, double-check the function exists and is bound:

  function goToRegister() {
    window.location.href = "/register.html";
  }
  

2. Check Your login() Function Completeness #

From the code snippet you shared, you’ve defined a users array—but where’s the redirect logic? Your function needs to explicitly trigger the page jump after validating the user. Here’s how to fill that gap:

function login() {
  var users = ["admin1", "admin2", "admin3"];
  var inputUsername = document.getElementById('username').value; // Grab user input
  
  // Add validation logic
  if (users.includes(inputUsername)) {
    // Redirect on successful login
    window.location.href = "/your-target-page.html"; // Replace with your actual page path
  } else {
    alert("Invalid username!"); // Add feedback for failed attempts
  }
}

If you skip the window.location.href line, the function will run but never trigger a page change.

3. Fix Registration Page Submission Redirects #

For the registration page’s submit action:

• Always prevent the default form refresh first (otherwise the browser will reload instead of redirecting):

  function handleRegistration(e) {
    e.preventDefault(); // Stop the form from reloading the page
    
    // Add your registration logic here (e.g., save user data to backend/localStorage)
    
    // Redirect after successful registration
    window.location.href = "/post-registration-page.html";
  }
  

• Make sure your form calls this function correctly:

  <form onsubmit="handleRegistration(event)">
    <!-- Registration fields (username, password, etc.) here -->
    <button type="submit">提交注册</button>
  </form>
  

4. Debug with Browser Console #

Press F12 to open your browser’s DevTools Console. Look for:

• Uncaught ReferenceError: Means your function isn’t defined (check for typos in function names, or make sure your JS script loads before the HTML).
• 404 Errors: Means the path you’re redirecting to is wrong (double-check filenames like dashboard.html vs /dashboard).
• Syntax errors: Fix any red error messages—they’ll point directly to where your code is breaking.

5. Check for Accidentally Blocked Default Behavior #

If you’re using event listeners, make sure you haven’t added event.preventDefault() where it shouldn’t be. For example, if your registration link’s click event has this line, it’ll stop the redirect from happening entirely.

内容的提问来源于stack exchange，提问作者Sozo Teki