JSP常用登陆代码

最新推荐文章于 2022-04-17 11:12:09 发布

原创最新推荐文章于 2022-04-17 11:12:09 发布 · 542 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jsp #function #login #javascript #input #html

JSP 专栏收录该内容

15 篇文章

订阅专栏

<%@ page contentType="text/html; charset=gb2312" language="java"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <title>用户登录</title>
  <script language="javascript">
  function IsDigit(cCheck)
  {
   return (('0'<=cCheck) && (cCheck<='9'));
  }

  function IsAlpha(cCheck)
  {
   return ((('a'<=cCheck) && (cCheck<='z')) || (('A'<=cCheck) && (cCheck<='Z')))
  }

  function IsValid()
  {
   var struserName = login.UserName.value;
   for (nIndex=0; nIndex<struserName.length; nIndex++)
   {
    cCheck = struserName.charAt(nIndex);
    if (!(IsDigit(cCheck) || IsAlpha(cCheck)))
    {
     return false;
    }
   }
   return true;
  }

  function docheck()
  {
   if(login.UserName.value=="")
   {
    alert("请填写用户名");
    return false;
   }
   else if(!IsValid())
   {
      alert("用户名只能使用字母和数字");
      return false;
   }
   else if(login.UserPassword.value=="")
   {
    alert("请填写密码");
    return false;
   }
   else
   {
    return true;
   }
  }
  </script>
  <STYLE type=text/css>
  td, th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  }
  </STYLE>
</head>
<body>
  <h1 align="center">用户登录</h1>
  <div align="center">
  <form name="login" action="user_login_check.jsp" method="post" target="_self" onSubmit="return docheck()">
  <table width="90%">
  <tr>
  <td width="50%" align="right" height="25">用户名：</td>
  <td width="50%" align="left" height="25"><input type="text" name="UserName"></td>
  </tr>
  <tr>
  <td width="50%" align="right" height="25">密码：</td>
  <td width="50%" align="left" height="25"><input type="password" name="UserPassword"></td>
  </tr>
  </table>
  <p>
  <input type="submit" name="sub" value="登录">    
  <input type="reset" name="res" value="重填">
  </p>
  </form>
  </div>