Question

我正在尝试使用预定义的用户名和密码构建一个简单的登录表单，我想验证用户输入与用户名和＆amp ;;我指定的密码。

如果用户输入错误的用户名或密码，我想显示警告消息。我试着写出可能的条件，但即使输入了错误的密码，我也没有收到警告信息。

我是开发新手，需要你的支持才能学习。

<!DOCTYPE html> 
<html>
<head>
<title> javascript-validataion </title>
<link rel="stylesheet" href="java.css" type="text/css">
<script type="text/javascipt">


function check_info()

{

var username=document.getElementById("username").value;
var password=document.getElementById("password").value;

    if(username == "user1" && password == "123456")

      {
        alert("Login Successful");
        return false;
      }

      else
      { 
        alert("checkpassword"); 
      }

  } 
</script>
</head>
<body>

<form action="submission.html" method="post"   onclick="return 
check_info()";>
     username:<input type="text" name="username"     id="username" /><br>
     </br>
     password:<input type="text" name="password"     id="password"/><br>
     </br>
     <input type="button" value="login" id="loginbtn"/>
</form>
</body>  
</html>

Answer 1

在提供的示例中有2个问题：

<script type="text/javascipt">中的错误应该是<script type="text/javascript">
在按钮<input type="button" value="login" id="loginbtn" onclick="return check_info()"/>

Answer 2

你不能只用JS做这件事。您必须构建一个服务器端（例如，使用PHP或C＃）页面，以便使用AJAX查询键入的用户名，然后检查响应。此外，出于安全原因，在将新racord更新到数据库之前，您必须检查确认信息中的用户名。

我建议你学习一下AJAX和JQuery。如果你是新人，我建议你写一些简单的页面（例如计算器或石头剪刀游戏）进行练习。

如何使用JS和HTML验证用户名密码

2 个答案: