本地存储----cookie---sessionStorage

本地存储

Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据(通常经过加密)。定义于 RFC2109 和 2965 中的都已废弃,最新取代的规范是 RFC6265


本地存储分为cookie,以及新增的localStorage和sessionStorage


1、cookie 存储在本地,容量最大4k,在同源的http请求时携带传递,损耗带宽,可设置访问路径,只有此路径及此路径的子路径才能访问此cookie,在设置的过期时间之前有效。

jquery 设置cookie

$.cookie('mycookie','123',{expires:7,path:'/'});

jquery 获取cookie

$.cookie('mycookie');

2、localStorage 存储在本地,容量为5M或者更大,不会在请求时候携带传递,在所有同源窗口中共享,数据一直有效,除非人为删除,可作为长期数据。

//设置:

localStorage.setItem("dat", "456");

localStorage.dat = '456';

//获取:

localStorage.getItem("dat");

localStorage.dat

//删除

localStorage.removeItem("dat");

3、sessionStorage 存储在本地,容量为5M或者更大,不会在请求时候携带传递,在同源的当前窗口关闭前有效。

localStorage 和 sessionStorage 合称为Web Storage , Web Storage支持事件通知机制,可以将数据更新的通知监听者,Web Storage的api接口使用更方便。

iPhone的无痕浏览不支持Web Storage,只能用cookie。

表单验证

将html中的错误提醒设置为none

$(function(){

//定义变量,决定最终是否可以提交表单

var error_name = false;//默认没有错误

var error_member = false;

var error_txtcode = false;

var error_pwd = false;

var error_cpwd = false;//是否勾选了协议

// 失去焦点时验证用户名

$('#txtloginID').blur(function() {

check_username();

});

// 获取焦点时隐藏提示信息

$('#txtloginID').focus(function() {

$(this).next().hide();

});

// 验证码

$('#member_reg_Code').blur(function() {

check_member();

});

$('#member_reg_Code').focus(function() {

$(this).next().hide();

});

// 动态验证码

$('#txtcode').blur(function() {

check_txtcode();

});

$('#txtcode').focus(function() {

$(this).next().hide();

});

// 密码  确认密码

$('#texloginPwd1').blur(function() {

check_pwd();

});

$('#texloginPwd1').focus(function() {

$(this).next().hide();

});

$('#texloginPwd2').blur(function() {

check_cpwd();

});

$('#texloginPwd2').focus(function() {

$(this).next().hide();

});

function check_username(){

var val = $('#txtloginID').val();

var re = /^\w{5,15}$/i;

if(val == ''){

$('#txtloginID').next().html('用户名不能为空!');

$('#txtloginID').next().show();

error_name = true;

return;

}

if(re.test(val)){

error_name = false;

}else{

$('#txtloginID').next().html('用户是包含数字,下划线,字母的五到十五个字符');

$('#txtloginID').next().show();

error_name = true;

return;

}

}

function check_member(){

var val = $('#member_reg_Code').val();

var re = /^[0-9]{6,16}$/;

if(val == ''){

$('#member_reg_Code').next().html('验证码不能

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容