为什么消息“用户名密码错误”不显示在页面上

Question

我有一个带有javascript文件的下一页，当用户输入错误的用户名/密码时，消息“错误的用户名密码”输出到页面； 但是，该消息不会停留在页面上。 由于某种原因页面刷新。

<html>
  <head>
   <script src="letmein.js"></script>
  </head>
  <body>
  <h1 id="h1">JavaScript Test Page</h1>  
  <p id="p">Click the link to login into the application</p>
  <p>login</p>
  <form id="myForm" name="myForm" onSubmit="letmein();">
    <p>username:
    <input type="text" name="username">
    </p>
    <p>password:
    <input type="text" name="password">
      </p>
     <input type="submit" value="Login">    
  </form>
  <p id="hidden"></p>
  <a href="#" onClick="clear();">clear</a>  
  </body>
</html>

javascript文件

var username = "admin";
var password = "letmein";
var counter = 0;

//login form authentication

    function letmein() {
      var formUser = document.forms['myForm']['username'].value;
      var formPass = document.forms['myForm']['password'].value;
      if(formUser === username && formPass === password) {
        window.open("file:///home/jorge/usersearch.html");    
      }
      counter++;
      document.getElementById("hidden").innerHTML = "Wrong username or password!"
      if(counter === 3) {
        alert("Access Denied!");
      }  
    }

    //close window
    function closeWindow() {
        close();
    };

Answer 1

我认为点击按钮即可提交表格。 您需要在onSubmit上返回false，以避免提交表单。

<html>
  <head>
   <script src="letmein.js"></script>
  </head>
  <body>
  <h1 id="h1">JavaScript Test Page</h1>  
  <p id="p">Click the link to login into the application</p>
  <p>login</p>
  <form id="myForm" name="myForm" onSubmit="letmein(); return false;">
    <p>username:
    <input type="text" name="username">
    </p>
    <p>password:
    <input type="text" name="password">
      </p>
     <input type="submit" value="Login">    
  </form>
  <p id="hidden"></p>
  <a href="#" onClick="clear();">clear</a>  
  </body>
</html>

Answer 2

您需要停止表单的默认操作。 例如：

function letmein(e) {
  if(validationFails) {
    e.preventDefault();  //this will stop the form from submitting
  } 

}

为什么消息“用户名密码错误”不显示在页面上

问题描述

2 个解决方案

解决方案1
0 2015-09-23 16:26:30

解决方案2
0 2015-09-23 16:29:41

为什么消息“用户名密码错误”不显示在页面上

问题描述

2 个解决方案

解决方案1 0 2015-09-23 16:26:30

解决方案2 0 2015-09-23 16:29:41

解决方案1
0 2015-09-23 16:26:30

解决方案2
0 2015-09-23 16:29:41