sessionStorage或localStorage实现注册登录demo

利用sessionStorage或localStorage的本地存储实现登录注册的功能

//注册页面的js,获取注册时的用户名和密码,并进行本地存储
 <script>
        $(function(){
            $("#btn_part1").click(function(){
                var phone = $("#phone").val();
                var password=$("#password").val();
                window.sessionStorage.setItem("phone",phone);
                window.sessionStorage.setItem("password",password);
            })
        });
    </script>
//登录页面的js,获取到注册的账号,密码。将登录时输入的账号密码和注册时的账号密码对比
      <script>
        $(function(){
            $("#btn_part1").click(function(){
                var name =window.sessionStorage.getItem("phone");
                var pass =window.sessionStorage.getItem("password");
            
                var signName=$("#phone").val();
                var signPassword=$("#password").val();
            
                if(name==signName&&pass==signPassword){
                    alert("您已成功登陆");
                }else if(name==signName&&pass!==signPassword){
                    alert("您的密码有误");
                }else if(name!==signName&&pass==signPassword){
                    alert("您的用户名有误");
                }else{
                    alert("您的用户名密码都有误");
                }    
            })
        });
    </script>

 

转载于:https://www.cnblogs.com/TigerZhang-home/p/7284668.html

好的,你的问题是如何将表格行的数据存储到浏览器的 sessionStoragelocalStorage 中,以及如何在表单页面中从 sessionStoragelocalStorage 中获取该行数据。 首先,你可以在表格行上绑定一个点击事件,在点击事件中获取该行的数据,并将其存储到 sessionStoragelocalStorage 中。例如,使用 sessionStorage 存储该行数据的示例代码如下: ```javascript // 绑定点击事件 table.addEventListener('click', function(event) { // 获取点击的行 const row = event.target.parentNode; // 获取行数据 const data = getRowData(row); // 存储数据到 sessionStoragesessionStorage.setItem('rowData', JSON.stringify(data)); }); // 获取行数据的函数 function getRowData(row) { const cells = row.querySelectorAll('td'); const data = {}; for (let i = 0; i < cells.length; i++) { const key = cells[i].getAttribute('data-key'); const value = cells[i].textContent; data[key] = value; } return data; } ``` 在上面的代码中,我们使用了 sessionStorage 的 setItem 方法来存储数据。需要注意的是,我们使用了 JSON.stringify 方法将数据转换成 JSON 字符串进行存储。 接下来,在表单页面中,我们可以使用 sessionStorage.getItem 方法来获取之前存储的数据。例如,使用 sessionStorage 获取之前存储的数据并填充表单的示例代码如下: ```javascript // 获取存储的数据 const data = JSON.parse(sessionStorage.getItem('rowData')); // 填充表单 document.getElementById('input1').value = data.input1; document.getElementById('input2').value = data.input2; document.getElementById('input3').value = data.input3; ``` 在上面的代码中,我们使用了 sessionStorage 的 getItem 方法来获取数据,并使用 JSON.parse 方法将 JSON 字符串转换为 JavaScript 对象。然后,我们可以使用获取到的数据来填充表单中的输入框。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值