登录界面js验证用户名密码

<html><!DOCTYPE html><html lang="en" class="no-js"><%@ page contentType="text/html;charset=utf-8" language="java" errorPage="" %><head><title>登录(Login)</title&gt

zxj19880502

3041人浏览 · 2022-04-18 10:45:47

zxj19880502 · 2022-04-18 10:45:47 发布

<title>登录(Login)</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
       <script type="text/javascript">
       function val(){
           var name=window.document.getElementById("username").value;
           var password=window.document.getElementById("password").value;


           if (name == ""){
               window.alert("用户名不能为空!");
               return false;
           }
           if (password ==""){
               window.alert("密码不能为空!");
               return false;
           }

           if(name!="zhuxiaolong" && name!="AAA"){
               window.alert("用户名错误!");
               return false;
           }

           if(password!="123456" && password!="1234"){
               window.alert("密码错误!");
               return false;
           }


           return true;
       }
   </script>

</head>

<body>

<div class="page-container">
<h1>登录(Login)</h1>
<form action="tijiao.jsp" method="post" οnsubmit="return val()">
<input type="text" name="username" id="username" class="username" placeholder="请输入您的用户名！">
<input type="password" name="password" id="password" class="password" placeholder="请输入您的用户密码！">

<button type="submit" class="submit_button">登录</button>
<div class="error"><span>+</span></div>
</form>

</div>

</body>
<div style="text-align:center;">

</div>
</html>