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

【问题标题】：How to validate User name Password using JS and HTML如何使用 JS 和 HTML 验证用户名密码
【发布时间】：2017-09-16 14:29:41
【问题描述】：

我正在尝试使用预定义的用户名和密码构建一个简单的登录表单，并且我想验证用户输入是否与我指定的用户名和密码匹配。

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

我是开发新手，需要您的支持才能了解这一点。

<!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>

【问题讨论】：

我建议在问题中添加一些代码
javascript-validataion
用户名：
密码：
对 .... 这告诉了我所有我需要知道的... 请把代码 in the question 和 please put code in 不一样无法阅读的评论
你好文卡特。欢迎来到 StackOverFlow。请参考HOW TO ASK。我可以理解您是新来的，但是将代码放在评论中并不能帮助您，而是考虑编辑您的问题并将代码放入其中。 :)

标签： javascript html css asp.net

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

然后给我写一封电子邮件，以便我提供一些详细信息：solar.d.soul@gmail.com