jquery.cookie.js实现记住手机号功能

2019-06-16    标签:jquery    阅读:348    评论:0


记住账号或者密码,在很多网站上都可以看到,以下是一个简单的方法,用到的是 jquery.cookie.js ,供大家参考

注意:cookie必须在线上才能起效的哦。

附件下载地址:

jquery.cookie.txt

百度云盘下载地址:

链接:https://pan.baidu.com/s/14h5EsL3Z4U3bGSssbByEjA 

提取码:9rza 

html代码:

  //引入jquery.cookie.js
  <script src="jquery.cookie.js"></script>
    <h1 class="title3">电话<span>*</span></h1>
    <div class="inp4">
       <input type="text" class="telkel">
    </div>
  <div class="inp5">
    <label for="remnuber">
	<input type="checkbox" class="remnuber" id="remnuber">自动输入历史手机号
    </label>
    <span onclick="book()">《个人信息授权书》</span>
  </div>
  <a href="javascript:;" onclick="sumit()" class="sumirtart">登录</a>

逻辑代码:

<script>
    function sumit(){
        var telkel=$('.telkel').val();
        // SetCookie
	if (document.getElementById("remnuber").checked == true) { //判断是否勾选
	    $.cookie('telkel', telkel); 
	}else{
	    $.cookie("telkel", "", { expires: -1 });
	}
    }
    $(function(){
	var username = $.cookie('telkel');
	  console.log(username)
	//将获取的值填充入输入框中
	$('.telkel').val(username);
	if($('.telkel').val() != null && $('.telkel').val() != ''){//选中保存秘密的复选框
	    $("#remnuber").attr('checked',true);
	    }
	})
</script>


助力产业智慧升级,云服务器首年88元起,更有千元代金券礼包免费领!

‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/145.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

文章评论(0)

登录

博主信息

头像

今天努力一点,知识一点点积累,谢谢那个曾经努力的自己!

职业:Web工程师

Email:2938039696@qq.com

学习交流群:简忆blogs技术群

项目合作:2938039696

置顶推荐

站点信息

935运行天数

291文章数量

主题框架:Foundation5
网站地图:XML网站地图
微信公众号:扫码关注公众号
公众号

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×
×
×