html5注册功能怎么将账号密码存储在本地

html-css014

html5注册功能怎么将账号密码存储在本地,第1张

源码如下

<script>

//先查看是否有本地数据(记住密码)

/* function myfunction(){

var email = localStorage.getItem("email")

var password = localStorage.getItem("password")

if(email!=null&&password!=null){

alert("邮箱:"+email+"密码:"+password)

$.ajax({

url : '../servlet/LoginServlet?choose=login',

data : {

email : email,

password : password

},

dataType : 'json',

success : function(data) {

if (data.msg == "") {

alert("用户名或密码错误")

} else {

//登录成功后保存session,如果选择了记住密码,再保

存到本地

//window.location.href ='../index/index.jsp'

}

},

error : function() {

alert("系统错误")

}

})

}else{

//alert("没有信息")

}

}

function saveStorage(){

var email = document.getElementById("email").value

localStorage.setItem("email",email)

var password = document.getElementById("password").value

localStorage.setItem("password",password)

}

function login(){

$.ajax({

url : '../servlet/LoginServlet?choose=login',

data : {

email : $('#loginform input[name=email]').val(),

password : $('#loginform input[name=password]').val()

},

dataType : 'json',

success : function(data) {

if (data.msg == "") {

alert("用户名或密码错误")

} else {

//登录成功后保存session,如果选择了记住密码,再保存到

本地

window.location.href ='../index/index.jsp'

}

},

error : function() {

alert("系统错误")

}

})

}

function reg(){

$.ajax({

url : 'servlet/LoginServlet?choose=reg',

data : {

username : $('#regform input[name=username]').val(),

password : $('#regform input[name=password]').val(),

email : $('#regform input[name=email]').val(),

},

dataType : 'json',

success : function(data) {

if(data.msg == false){

alert("注册失败")

}else{

alert("注册成功请返回登录")

}

},

error : function() {

alert("系统错误")

}

})

} */

$(document).ready(function(){

//读取 localStage 本地存储,填充用户名密码,如果自动登录有值直接跳转

//相反,跳转到本页面,等待登陆处理

var storage = window.localStorage

var getEmail = storage["email"]

var getPwd = storage["password"]

var getisstroepwd = storage["isstorePwd"]

var getisautologin = storage["isautologin"]

if("yes" == getisstroepwd)

{

if("yes" == getisautologin)

{

if(( ("" != getEmail) ||(null != getEmail)) &&(("" !=

getPwd) ||(null != getPwd)))

首先要登陆自己的账号,这个工具是免注册的,微信扫一扫就登陆进去了;

进去后是模板页面,有很多有趣好玩的模板;

点击“我的”进入个人空间;

添加新折页。模板中有很多好玩的游戏,所以我们选择做一个相册;

可以扫码看一下初始的效果,决定了之后点击“开始制作”;

每一个标签页都有自己的内容,可以通过删除和复制自己控制模板的规格;

上传素材替换掉模板中的内容;

可以实时在手机上预览效果;

保存折页的时候记得修改页面上的信息;

好的制作者可是会利用这些信息吸引眼球哦~

在手机上预览没有问题后就可以直接右上角分享给朋友啦!~