基础
请求接口:/login/register
请求方式:POST
请求参数:
tel: 手机号 【必填】
email: 邮箱
password: 密码 【必填】
repasword: 重复密码 【必填】
vercode: 图形验证码,后台-系统设置-高级设置,可以进行关闭。生成方式:
{fun U('common/vercode',['code_name'=>'reg_vercode'])}
autologin: 注册成功自动跳转参数,只要提交 autologin=1 ,那么就会自动登录用户中心
ajax: ajax返回参数,如果值是1,那么返回json数据
返回:默认注册成功后跳转到登录页面,重新登录。如果提交了,autologin 这个参数则会自动跳转到用户中心,不用再登录。
ajax返回:
code: 0成功,1失败报错
msg: 提示信息,成功:success
url: 跳转链接
<form method="POST" onsubmit="return checkreg()" class="user-form"> <div class="form-control"> <label for="">手机号:</label> <input type="text" name="tel" id="tel" value="" placeholder="请输入手机号"> </div> <div class="form-control"> <label for="">邮箱:</label> <input type="email" name="email" id="email" value="" placeholder="请输入邮箱,用于找回密码"> </div> <div class="form-control"> <label for="">密码:</label> <input type="password" value="" id="password" name="password" placeholder="请输入您的密码"> </div> <div class="form-control"> <label for="">重复密码:</label> <input type="password" value="" id="repassword" name="repassword" placeholder="请输入您的密码"> </div> {if($webconf['closehomevercode']!=1)} <div class="form-control"> <label for="">验证码:</label> <input type="text" value="" name="vercode" id="yzm" placeholder="请输入验证码"> <img src="{fun U('common/vercode',['code_name'=>'reg_vercode'])}" onclick="this.src=this.src+'?'+Math.random()" style="height:50px;"/> </div> {/if} <div class="form-group"> <div style="margin-left: 80px;height: 50px;"> <a href="{fun U('login/index')}">已有账号?立即登录</a> </div> </div> <div class="form-control"> <label for="submit"></label> <input type="submit" name="submit" value="注册"> </div> </form> function checkreg(){ if($.trim($("#yzm").val())=='' || $.trim($("#yzm").val())==''){ alert('验证码不能为空~'); return false; } if($.trim($("#tel").val())=='' || $.trim($("#password").val())==''){ alert('账号密码不能为空~'); return false; } if($.trim($("#password").val())!=$.trim($("#repassword").val())){ alert('两次密码不同~'); return false; } return true; }
ajax注册示例
function register(){ var tel = $("#r-tel").val(); var pass = $("#r-pass").val(); var repass = $("#r-repass").val(); if(tel==''){ layer.alert('手机号不能为空!');return false; } if(pass==''){ layer.alert('登录密码不能为空!');return false; } if(repass==''){ layer.alert('重复密码不能为空!');return false; } if(pass!=repass){ layer.alert('两次密码不同!');return false; } {if(!$webconf['closehomevercode'])} var yzm = $("#r-yzm").val(); if(yzm==''){ layer.alert('验证码不能为空!');return false; } {else} var yzm = ''; {/if} $.post('/login/register',{tel:tel,repassword:repass,password:pass,vercode:yzm,ajax:1,autologin:1},function(res){ if(res.code==0){ layer.msg(res.msg,{icon: 6,time: 2000},function(){ //登录成功后的操作 window.location.href=res.url; }) }else{ layer.msg(res.msg,{icon:5,time:2000}); var img = '/common/vercode?name=reg_vercode&'+Math.random(); $("#register-yzm").attr('src',img); } },'json') return false; }