新的学习-Html-简单的验证用户名密码是否输入正确

Html:

<!DOCTYPE html>
<html>
<body>
<label>UserName</label><br>
<input id="username"><br>
<label>Password</label><br>
<input id="password"><br>
<button onclick="myFunction()">Validate</button>

<script>
function myFunction() {
   if(document.getElementById("username").value=="user1")
   {
    if(document.getElementById("password").value=="123")
    {
    alert("yes");
    } 
    else
    {
      alert("no");
    }
   }
   else
  {
    alert("no");
  }


}
</script>

</body>
</html>

以上验证是当输入了正确的用户名和密码会提示yes，反之则不行。

posted @ 2020-07-20 16:08  JackJu  阅读(5560)  评论(0)  编辑  收藏  举报