实现用户注册的页面

简介: 实现用户注册的页面
<!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
构建一个简单的网站,包括用户注册、登录功能
构建一个简单的网站,包括用户注册、登录功能
269 1
|
29天前
登陆页面模板
登陆页面模板
11 0
|
前端开发 JavaScript
HTML+CSS+JS 实现一个漂亮的登陆页面
HTML+CSS+JS 实现一个漂亮的登陆页面
492 1
HTML+CSS+JS 实现一个漂亮的登陆页面
|
6月前
|
前端开发 数据安全/隐私保护
登录页面案例
登录页面案例
59 0
|
6月前
uniapp获取微信用户信息登录
uniapp获取微信用户信息登录
Bootstrap03购物车页面&登录注册界面&其他组件使用
Bootstrap03购物车页面&登录注册界面&其他组件使用
139 0
|
存储 SQL 关系型数据库
|
数据安全/隐私保护
今天将用户注册,登陆的三个界面界面及其倒计时。 注册和登录分别有三个界面,原理都类似。如下:
今天将用户注册,登陆的三个界面界面及其倒计时。 注册和登录分别有三个界面,原理都类似。如下:
114 0
实现用户登录注册的主页面
实现用户登录注册的主页面
73 0
|
JavaScript 前端开发 数据安全/隐私保护
整合登录和注册页面 | 学习笔记
快速学习 整合登录和注册页面
100 0
整合登录和注册页面 | 学习笔记