简化登录注册页面数据交换

这篇博客探讨了一个小案例,如何利用ES6和本地存储localStorage实现登录注册页面的数据交互。在登录时,通过与后台数据比较验证用户信息;在注册时,检查用户名是否存在。注册成功后,数据通过localStorage在登录和注册页面间交换。
摘要由CSDN通过智能技术生成

小案例:登录和注册数据交互的原理

学过ES6之后,我们初步去写一些数据交换的案例,今天来写一个登陆注册小案例。

注释:1):在登录页面,我们输入用户名和密码的时候,如果跟后台的数据不同就会提示没有此用户的数据,去注册;2):当我们在注册的页面,我们注册的时候,会根据我们定义的属性进行对比,如果没有,则可以注册.

 首先,我们随便写一个登录注册页面:

 <label for="">用户名:</label><input type="text"><br>
    <label for="">密码:</label><input type="password"><br>
    <button>登录</button> <a href="./注册.html">去注册</a>

 

    <label for="">用户名:</label><input type="text"><br>
    <label for="">密码:</label><input type="password"><br>
    <label for="">确认密码::</label><input type="password"><br>
    <button>注册</butt
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值