实现用户注册的页面

简介: 实现用户注册的页面
<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>注册</title><scriptsrc="http://www.jq22.com/jquery/jquery-1.10.2.js"></script></head><body><div><h2>注册</h2></div><div><labelfor="use"><span>用户名:</span><inputtype="text"id="use"></label><br><labelfor="pwd"><span>密 码:</span><inputtype="password"id="pwd"></label><br><labelfor="email"><span>邮 箱:</span><inputtype="text"id="email"></label><div><buttononclick="regist()">注册</button><buttonid="btnLogin"disabled="disabled"onclick="login()">登录</button></div><br><div>请先注册后再登录</div></div><script>functionregist(){
varusername=$("#use").val();
varpassword=$("#pwd").val();
varemail=$("#email").val();
$.ajax({
async: false,
type: "POST",
url: "http://localhost:8000/regist",
data: {
username: username,
password: password,
email: email            },
success: function (response){
if(response.success==true) {
localStorage.setItem('userInfo', JSON.stringify({ //本地存用户名和密码username,
password,
email                    }))
alert("注册成功");
document.getElementById("btnLogin").disabled=false;
                }else {alert(response.msg)}
            }
        })
    }
functionlogin(){
varusername=$("#use").val();
varpassword=$("#pwd").val();
$.ajax({
async: false,
type: "POST",
url: "http://localhost:8000/loginCheck",
data:{
username: username,
password: password            },
success: function (response){
if(response.success==true){
location.href="./home.html"                }else {alert(response.msg)}
            }
        })
    }
</script></body></html>
目录
相关文章
|
存储 前端开发 PHP
构建一个简单的网站,包括用户注册、登录功能
构建一个简单的网站,包括用户注册、登录功能
296 1
|
4月前
|
JavaScript 前端开发
Next js:点击登录显示登录表单,点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例,包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
|
前端开发 JavaScript
HTML+CSS+JS 实现一个漂亮的登陆页面
HTML+CSS+JS 实现一个漂亮的登陆页面
497 1
HTML+CSS+JS 实现一个漂亮的登陆页面
|
7月前
|
前端开发 数据安全/隐私保护
登录页面案例
登录页面案例
64 0
|
7月前
uniapp获取微信用户信息登录
uniapp获取微信用户信息登录
Bootstrap03购物车页面&登录注册界面&其他组件使用
Bootstrap03购物车页面&登录注册界面&其他组件使用
150 0
uniapp手机号授权登录-现在只能通过手机号授权登录,后台来获取用户信息了效果demo(整理)
uniapp手机号授权登录-现在只能通过手机号授权登录,后台来获取用户信息了效果demo(整理)
|
存储 SQL 关系型数据库
|
数据安全/隐私保护
今天将用户注册,登陆的三个界面界面及其倒计时。 注册和登录分别有三个界面,原理都类似。如下:
今天将用户注册,登陆的三个界面界面及其倒计时。 注册和登录分别有三个界面,原理都类似。如下:
118 0
实现用户登录注册的主页面
实现用户登录注册的主页面
73 0