实现用户注册的页面

简介: 实现用户注册的页面
<!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
构建一个简单的网站,包括用户注册、登录功能
构建一个简单的网站,包括用户注册、登录功能
264 1
|
3月前
|
JavaScript 前端开发
Next js:点击登录显示登录表单,点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例,包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
|
5月前
|
SQL 小程序 JavaScript
微信小程序登录(保持登录状态)
微信小程序登录(保持登录状态)
295 1
|
6月前
|
前端开发 JavaScript 数据安全/隐私保护
c2c商城登录注册的输入框隐藏
c2c商城登录注册的输入框隐藏
|
6月前
|
小程序
微信小程序用户登陆和获取用户信息功能实现
微信小程序用户登陆和获取用户信息功能实现
108 0
|
前端开发 JavaScript
HTML+CSS+JS 实现一个漂亮的登陆页面
HTML+CSS+JS 实现一个漂亮的登陆页面
492 1
HTML+CSS+JS 实现一个漂亮的登陆页面
|
6月前
|
前端开发 数据安全/隐私保护
登录页面案例
登录页面案例
59 0
|
6月前
uniapp获取微信用户信息登录
uniapp获取微信用户信息登录
Bootstrap03购物车页面&登录注册界面&其他组件使用
Bootstrap03购物车页面&登录注册界面&其他组件使用
138 0
|
小程序
微信小程序-获取用户头像信息以及修改用户头像
微信小程序-获取用户头像信息以及修改用户头像
540 0