• 第一次冲刺 04


         昨天主要做了对注册用户的一些条件限定,今天要做登陆的一个页面

         下面是写的登陆的代码:

       

    <%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>

    <!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=utf-8">
    <title>Insert title here</title>
    </head>
    <body>
    <script language="JavaScript">
    function isValidate(form)
    {
    // 得到用户输入的信息
    useid = form.useid.value;
    usepass = form.usepass.value;
    // 判断用户名长度
    if(!minLength(useid,6))
    {
    alert("用户名长度小于 6 位!");
    form.useid.focus();
    return false;
    }
    if(!maxLength(useid,8))
    {
    alert("用户名长度大于 8 位!");
    form.useid.focus();
    return false;
    }
    // 判断口令长度
    if(!minLength(usepass,6))
    {
    alert("口令长度大于 6 位!");
    form.usepass.focus();
    return false;
    }
    if(!maxLength(usepass,8))
    {
    alert("口令长度小于 8 位!");
    form.usepass.focus();
    return false;
    }


    if(useid==usepass)
    {
    alert("用户名和口令不能相同!");
    form.usepass.focus();
    return false;
    }
    return true;
    }
    // 验证是否满足最小长度
    function minLength(str,length)
    {
    if(str.length>=length)
    return true;
    else
    return false;
    }
    // 判断是否满足最大长度
    function maxLength(str,length)
    {
    if(str.length<=length)
    return true;
    else
    return false;
    }
    </script>
    <html>
    <head>
    <title>用户登录</title>
    </head>
    <body>
    <h2>用户登录</h2>
    <form name="form1" action="dengluchuli.jsp" method="post"
    onsubmit="return isValidate(form1)">

    用户名:<input type="text" name="useid"> <br>
    <br>
    <br>
    口令:<input type="password" name="usepass"><br>
    <input type="reset" value="重置">

    <input type="submit" value="登录">
    您还没有注册<a href="input.jsp">请注册</a>


    </center>
    </body>
    </html>

  • 相关阅读:
    nginx申请并配置免费https
    linux安装git
    linux安装openssl
    nginx配置支持http2
    linux服务器升级nginx
    linux 增加虚拟内存swap(使用文件)
    使用shell安装lnmp
    mysql 数据库主从同步
    Android四大组件之Service
    Android四大组件之Activity
  • 原文地址:https://www.cnblogs.com/lipengpengpeng/p/5431416.html
Copyright © 2020-2023  润新知