<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="utf-8">

    </head>

    <body>

        <form>

            昵称：<input type="text" id="username"><br><br> 密码：

            <input type="password" id="password"><br><br>

            <input type="button" value="登录" id="login">

            <input type="button" value="注册" id="resiger">

            <input type="button" value="clear" id="clear">

        </form>

        <script type="text/javascript">

            //需求分析：把获取的用户名和密码存入本地存储中

            //当用户登陆的时候判断用户名和密码是否在存储中

            //我认为应该这样存储用户名和密码

            //userpass:[{username:zhangsan,password:123456},{username:lisi,password:123456}]

            var login = document.getElementById("login");

            var resiger = document.getElementById("resiger");

            var user = document.getElementById("username");

            var pass = document.getElementById("password");

            var clear = document.getElementById("clear");

            //开始的时候获取本地存储，如果没有，置为[],否则获取

            var str = window.localStorage.getItem("userpass") || "[]";

            var userpass = JSON.parse(str);

            //注册功能实现

            resiger.onclick = function() {

                    //非空判断

                    var person = {

                        username: user.value,

                        password: pass.value

                    };

                    //需要判定用户名是否重复，如果重复，提示该用户名已被注册，并且return

                    //如果没有重复，就把他放入数组中

                    userpass.push(person);

                    console.log(userpass);

                    var str = JSON.stringify(userpass)

                    window.localStorage.setItem("userpass", str);

                }

                //登陆功能实现

            login.onclick = function() {

                var username = user.value;

                var password = pass.value;

                var flag = 0;

                for(var i = 0; i < userpass.length; i++) {

                    if(username == userpass[i].username && password == userpass[i].password) {

                        alert("欢迎" + username + ",登陆成功！");

                        return;

                    } else {

                        flag++;

                    }

                }

                if(flag == userpass.length) {

                    alert("登陆不成功");

                }

            }

            clear.addEventListener('click',function(){

                window.localStorage.clear();

            })

        </script>

    </body>

</html>

web储存用户信息的更多相关文章

  1. 1、JavaScript中的Cookie 用于存储 web 页面的用户信息。

    总结:每个浏览器都有一定数量限制的cookie.每个浏览器中,每一个cookie都有一个path路径,指向请求访问的网页. -------------------------------------- ...

  2. .NET 实现自定义ContextUser的Identity和Principal实现自定义用户信息，权限验证。

    备用收藏,http://blog.csdn.net/msdnxgh/article/details/6894885 .NET 实现自定义ContextUser的Identity和Principal 在 ...

  3. 在SharePoint中无代码开发InfoPath应用: 获取当前用户信息

    很多种不同的场景下,会需要得到当前的用户信息,例如需要根据当前用户判断组,进而控制权限. 首先InfoPath提供了一个userName方法,来实现这个目的,不过这个方法的问题是只能获得不包含域名的用 ...

  4. Redis 笔记与总结7 PHP + Redis 信息管理系统（用户信息的增删改查）

    1. PHP 连接 Redis 访问 redis 官方网站的 client 栏目:http://www.redis.io/clients#php,可以获取 redis 的 php 扩展. 其中 php ...

  5. [iOS微博项目 - 3.4] - 获取用户信息

    github: https://github.com/hellovoidworld/HVWWeibo   A.获取用户信息 1.需求 获取用户信息并储存 把用户昵称显示在“首页”界面导航栏的标题上   ...

  6. Discuz!NT3.6与网站整合（操作用户信息）解决方案

    因为网站要加个论坛,所以就用到了Discuz!NT3.6. 可惜目前官方论坛已经关闭,只有3.6版本的有源码,3.9的没有源码,不好操作,下载地址: http://download.comsenz.c ...

  7. 基于jsp+servlet图书管理系统之后台用户信息查询操作

    上一篇的博客写的是插入操作,且附有源码和数据库,这篇博客写的是查询操作,附有从头至尾写的代码(详细的注释)和数据库! 此次查询操作的源码和数据库:http://download.csdn.net/de ...

  8. 基于jsp+servlet图书管理系统之后台用户信息修改操作

    上一篇的博客写的是查询操作,且附有源码和数据库,这篇博客写的是修改操作,附有从头至尾写的代码(详细的注释)和数据库! 此次修改操作的源码和数据库:http://download.csdn.net/de ...

  9. [SAP] 外部系统调用SAP web service用户验证的简单方法

    场景: 一个Java系统调用SAP系统提供的web service,除了根据WSDL生成的代理类,调用相应方法,传入相应参数外,还等需要使用SAP提供的用户信息进行身份验证,最简单的方法是在soap请 ...

随机推荐

  1. ASP.NET补充

    字典类的子集 using System.Collections.Generic; Dictionary<string, string> dicB = new Dictionary<s ...

  2. css中如何把鼠标变成手

    css中鼠标放上去变成手型怎么设置:其实就是一个属性的问题, css的cursor属性 cursor:pointer; 其实这个属性我也记了很多,到现在都容易拼写错误,不过好在编辑器有提示. defa ...

  3. 关于小程序 scroll-view中设置scroll-top无效 和小说图书阅读进度条小案例

    在最近的项目有做到关于小说阅读的进度条功能,其中用到scroll-view和slider组件,发现scroll-view中的scroll-top在设置值后无效,出现这种情况大概是以下几种问题: 1.s ...

  4. Webpack--模块打包器

    首先介绍一个安装webpack的百度经验:https://jingyan.baidu.com/article/a3a3f811230ee58da3eb8a6e.html 推荐一个详细介绍webpack ...

  5. 2.3.3 zerosum 和为零

    #include<bits/stdc++.h> using namespace std; ],a; ]={' ','+','-'}; void out() { ;i<a;i++) c ...

  6. MySQL - FIND_IN_SET 函数使用方法

    SELECT * FROM xxxTableName x WHERE FIND_IN_SET(x.id, '1,2,3,4,5,6,7,8');   如上查询,意为:xxxTableName 表中 x ...

  7. 指针的操作 p*++

    int x, y, *px = &x, *py = &y; y = *px + ; //表示把x的内容加5并赋给y,*px+5相当于(*px)+5 y = ++*px; //px的内容 ...

  8. PAT Basic 1084

    1084 外观数列 外观数列是指具有以下特点的整数序列: d, d1, d111, d113, d11231, d112213111, ... 它从不等于 1 的数字 d 开始,序列的第 n+1 项是 ...

  9. PowerShell批量配置VM端点

    我们可以通过PowerShell脚本批量添加VM端点.请您参考以下方案. 准备工作 – PowerShell连接China Azure 1. 从官网下载页面,下载并安装Windows Azure Po ...

  10. 批处理文件执行cmd命令

    @echo offstart "wumin" "C:\Windows\System32\cmd.exe" osk taskkill /f /im cmd.exe ...