登录注册功能的实现详解（多用户名注册、案例补充）

案例功能说明
1、可以保存多个注册用户
2、注册时判断用户名是否存在，不存在可注册
3、注册成功后，跳转到登录页面
4、取出cookie里面的值，进行判断，若用户输入的用户名和密码匹配成功则成功登录

//登录界面

<body>用户名 ： <input type="text" id="uname" /><br>密　码 ： <input type="text" id="upwd" /><br><input type="button" value="注册" id="reg"/></body>

  <script src="jquery.min.js"></script><script src="jquery.cookie.js"></script><script>$("#reg").click(function(){var info = [];   //用于存放多个用户的注册信息//获取用户名var uname = $("#uname").val();//获取密码var upwd = $("#upwd").val();var flag = true;//将每一个用户信息作为一个对象var $new = {"uname" : uname,"upwd" : upwd}if( $.cookie(userinfo)){ //判读cookie里面是否有值，并取出来转化为对象info = JSON.parse($.cookie(" userinfo"))}for( var i in info){//遍历所有对象if( info[i].uname == uname){  //遍历所有对象中的用户名进行判断alert("用户名已注册")flag = false；break；}}if(flag){info.push($new);//将对象存入数组当中$.cookie( "userinfo", JSON.stringify(info),{expires :7})//将数据以字符串的形式存入到cookie中，并设置7天的生存期；alert（“”注册成功”）；//跳转到登录界面location.href = "login.html";}})</script>

//注册界面，输出cookie里面的数据

//登录界面

<body>用户名 ： <input type="text" id="uname" /><br>密　码 ： <input type="text" id="upwd" /><br><input type="button" value="登录" id="login"/>
</body>

$(function(){$("#login").click(function(){var username = $("#uname").val();var userpwd = $("#upwd").val();var user =JSON.parse( $.cookie("userinfo") );for( var i in user ){if(user[i].uname == username){if(user[i].upwd == userpwd){alert("登录成功")}else{alert("密码错误")}}else{alert("用户名不存在")}}})
})

登录注册功能的实现详解（多用户名注册、案例补充）相关推荐

基于百度地图实现Android定位功能实现（详解+教程）
基于百度地图实现Android定位功能实现(详解+教程) 1.初始化 (一)获取到SHA1 (1)找到View中的Tool Windows并打开Terminal (2)找到你的jdk的bin目录,小编 ...
大脑构造图与功能解析_大脑的结构和功能分区_详解人脑构造与功能
大脑的结构和功能分区 _ 详解人脑构造与功能学习,可以开阔人的大脑 ; 学习,可以使人的大脑拥有更多的知识,人的大脑和肢体一样,多用则灵,不用则废.那么下面学习啦小编给大家分享一些大脑的结构和功 ...
163邮箱域名大全，163邮箱注册申请全流程详解！
163邮箱域名大全,163邮箱注册申请全流程详解.从免费版到收费版邮箱,用了20年,电子邮箱行业发展至今,越来越的个人白领倾向选择付费邮箱.最近听说TOM VIP邮箱刚上线了163vip.com全新后 ...
php可以打印一个页面,利用html实现分页打印功能的实例详解
本篇介绍利用html实现分页打印功能的实例详解,有些不想打印出来的分页打印的都可以应用这类样式进行控制在非打印时是无效的. 页面打印 /* 应用这个样式的在打印时隐藏 */ .noPrint { d ...
linux expect 输入密码,shell脚本无密码登录 expect的使用方法详解
shell脚本无密码登录 expect的使用方法详解今天需要做一个定时任务脚本将最新的数据包文件传到远程的服务器上,虽然有密钥但也是要求输入密码的那种,所以只能另想办法实现让脚本自动输入密码了. 从 ...
Delphi Format函数功能及用法详解
DELPHI中Format函数功能及用法详解 DELPHI中Format函数功能及用法详解function Format(const Format: string; const Args: array ...
PHP cURL应用实现模拟登录与采集使用方法详解
对于做过数据采集的人来说,cURL一定不会陌生.虽然在PHP中有file_get_contents函数可以获取远程链接的数据,但是它的可控制性太差了,对于各种复杂情况的采集情景,file_get_co ...
Java 11中的新功能和API详解系列1
Java 11中的新功能和API详解系列1 2018.9.27 版权声明:本文为博主chszs的原创文章,未经博主允许不得转载. JDK 11在语言语法方面有一个小改动,增加了相当数量的新API,以及 ...
玛雅2016 Mac主要功能及使用详解
玛雅maya2016是一款功能非常强大的三维动画软件,maya2016破解版里不仅包含了三维建模.动画.视觉效果和渲染解决方案等功能,还加入了许多实用的功能.使用maya2016可以帮助用户更好的发挥 ...

登录注册功能的实现详解（多用户名注册、案例补充）

登录注册功能的实现详解（多用户名注册、案例补充）

登录注册功能的实现详解（多用户名注册、案例补充）相关推荐

最新文章

热门文章