[英]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.