繁体   English   中英

简单登录系统的Javascript功能

[英]Javascript function for simple login system

我已经尝试了一段时间,开始失去耐心。 为什么不起作用? 这意味着进行简单的学校项目,这就是为什么它不必完全安全,而只是功能正常的原因。

我已经醒了将近24小时,我确定这是我无法正常工作的部分原因:)

<form>
    <div class="form-group">
      <label for="inputUsername">Användarnamn</label>
      <input name="username" type="text" class="form-control" placeholder="Ange användarnamn">
    </div>
    <div class="form-group">
      <label for="inputPassword">Lösenord</label>
      <input name="password" type="password" class="form-control" placeholder="Ange lösenord">
    </div>
    <div class="loginButton">
      <button type="submit" class="btn btn-primary" onclick="login(this.form);">Logga In</button>
    </div>
  </form>

    <script>
  function login(form){
    if(form.username.value == "test") && (form.password.value == "test"){
      self.location.href = "medlemmar.html";
      }
      else{
        alert("Felaktigt användarnamn eller lösenord");
        return false;
      }
  }
  </script>

现在,您提交的表单没有为该表单定义任何操作,因此很可能只是刷新页面。

因此,解决此问题的一种方法是更改​​按钮的类型:

<button type="button" class="btn btn-primary" onclick="login(this.form);">Logga In</button>

此外,if语句中的括号有误:

if((form.username.value == "test") && (form.password.value == "test")){

如果您修复了该问题,它应该可以正常运行:

  function login(form){ if((form.username.value == "test") && (form.password.value == "test")){ self.location.href = "medlemmar.html"; } else{ alert("Felaktigt användarnamn eller lösenord"); return false; } } 
 <form> <div class="form-group"> <label for="inputUsername">Användarnamn</label> <input name="username" type="text" class="form-control" placeholder="Ange användarnamn"> </div> <div class="form-group"> <label for="inputPassword">Lösenord</label> <input name="password" type="password" class="form-control" placeholder="Ange lösenord"> </div> <div class="loginButton"> <button type="button" class="btn btn-primary" onclick="login(this.form);">Logga In</button> </div> </form> 

尝试将按钮类型更改为button而不是submit

我没有尝试过,但是我想您的表单总是在不评估您的登录功能的情况下进行提交。 更改类型可以防止这种情况。

另一种方法是维护提交类型并调用preventDefault()函数以避免该行为。

  enter code here <html> <head> <script type="text/javascript"> var n = prompt("Enter your number here", "type your number here"); n = parselnt(n); if (NaN(n)) {alert("plese enter number");} else if (n==0) alert{("The number is zero");} else if (n%2) {alert("the number is odd");} else {alert("the number is even");} </script> </head> </body><body> </html> 122 <html> <head> <title>Login Page</title> </head> <script language="javascript"> function checke(form) { if (form.user.value== "Admin" && form.psrd.value=="Admin") { alert("login is sucesfull") } else { alert("Invalid user id") } } </script> <body> <table height="10" width="10" border="1px"> <tr> <td> <input type="text" name="user"> </td> <td> <input type="password" maxlength="8" name="psrd" > </td> </tr> <table> </body> </html> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM