js 登录注册

最新推荐文章于 2026-05-18 12:00:53 发布

原创

最新推荐文章于 2026-05-18 12:00:53 发布 · 1.1w 阅读

标签

#function #input #button #null #javascript

本文主要探讨使用JavaScript来实现网页的注册和登录功能。通过创建输入框(input)、按钮(button)以及相关函数(function)，实现用户信息的验证和交互。内容包括如何处理null值，以及JavaScript在其中的关键作用。

注册页面

<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <style type="text/css">
        .content
        {
            width: 400px;
            height: auto;
            margin: 0 auto;
            border: 1px solid #CCC;
            text-align: center;
        }
        .content ul
        {
            list-style: none;
            padding: 0;
        }
        .content ul li
        {
            line-height: 40px;
        }
        span
        {
            font-weight: bold;
            color: Red;
            font-size: 12px;
        }
        .pwdstrength
        {
            width: 50px;
            height: 25px;
            float: left;
            background-color: #CCC;
            color: #999;
            font-size: 12px;
            font-weight: bold;
        }
    </style>
    <script type="text/JavaScript">
        //刚加载页面的时候焦点移到用户名文本框内
        function myFocus() {
            document.getElementById("txtUserName").focus();
        }
        //设置cookie
        function setCookie(str, strValue) {
            var exp = new Date();
            exp.setTime(exp.getTime() + 1 * 24 * 60 * 60 * 1000);
            document.cookie = str + "=" + strValue + ";expires=" + exp.toGMTString();
        }
        //验证用户名和密码
        function validateRegister() {
            var username = document.getElementById("txtUserName").value;
            var password =