Skip to content

E
eduline
Commit 32330da3 by 陈超
Options

T

parent 1c28de4c
Showing with 99 additions and 361 deletions
apps/basic/Tpl/default/Passport/reg_w3g.html
<include file="__THEME__/_header_w3g" /> <include file="__THEME__/_header_w3g" />
<script> <script>
var CLICK_VERIFY="{:U('basic/Passport/clickVerify')}"; var CLICK_VERIFY="{:U('basic/Passport/clickVerify')}";
var CLICK_UNAME="{:U('basic/Passport/clickUname')}"; var CLICK_UNAME="{:U('basic/Passport/clickUname')}";
...@@ -11,7 +10,7 @@ ...@@ -11,7 +10,7 @@
var REG_ADDRESS="{:U('basic/Passport/ajaxReg')}"; var REG_ADDRESS="{:U('basic/Passport/ajaxReg')}";
</script> </script>
<style> <!-- <style>
#emailReg .item input{float:none;} #emailReg .item input{float:none;}
.login-bd input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ .login-bd input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#B7B7B7; color:#B7B7B7;
...@@ -30,8 +29,8 @@ ...@@ -30,8 +29,8 @@
font-weight:400; font-weight:400;
} }
.login-bd .item input{float:none;width:100%;} .login-bd .item input{float:none;width:100%;}
</style> </style> -->
<div class="loginbox" > <!-- <div class="loginbox" >
<a class="icon-colse" href="/"></a> <a class="icon-colse" href="/"></a>
<if condition="$site.logo_head_h5 neq ''"><img src="{$site.logo_head_h5}"> <if condition="$site.logo_head_h5 neq ''"><img src="{$site.logo_head_h5}">
<else /><img src="{$site.logo_head_w3g|default=$site['logo_head']}" class="login-logo"></if> <else /><img src="{$site.logo_head_w3g|default=$site['logo_head']}" class="login-logo"></if>
...@@ -67,9 +66,6 @@ ...@@ -67,9 +66,6 @@
<div class="item"> <div class="item">
<input type="password" id="prpassword2" placeholder="确认密码"> <input type="password" id="prpassword2" placeholder="确认密码">
</div> </div>
<!--
<p><input type="checkbox"><span>我已阅读并同意</span><a target="_blank" href="{:U('basic/Single/info',array('id'=>'reg'))}">《{$site['site_keyword']}服务协议》</a></p>
-->
<a class="login_btn" href="javascript:;" onclick="phoneNext()">完成</a> <a class="login_btn" href="javascript:;" onclick="phoneNext()">完成</a>
<p>点击注册即代表您同意<a target="_blank" href="{:U('basic/Single/info',array('id'=>'reg'))}">《{$site['site_keyword']}服务协议》</a></p> <p>点击注册即代表您同意<a target="_blank" href="{:U('basic/Single/info',array('id'=>'reg'))}">《{$site['site_keyword']}服务协议》</a></p>
...@@ -99,9 +95,9 @@ ...@@ -99,9 +95,9 @@
<p>点击注册即代表您同意<a target="_blank" href="{:U('basic/Single/info',array('id'=>'reg'))}">《{$site['site_keyword']}服务协议》</a></p> <p>点击注册即代表您同意<a target="_blank" href="{:U('basic/Single/info',array('id'=>'reg'))}">《{$site['site_keyword']}服务协议》</a></p>
</div> </div>
</if> </if>
</div> </div> -->
<!-- <div id="app"> <div id="app">
<div class="layout_v" style="margin-top: 0.625rem;"> <div class="layout_v" style="margin-top: 0.625rem;">
<van-field v-model="phone" label="手机号" type="number" placeholder="请输入手机号"></van-field> <van-field v-model="phone" label="手机号" type="number" placeholder="请输入手机号"></van-field>
<van-field v-model="code" label="验证码" type="digit" maxlength="6" placeholder="请输入验证码"> <van-field v-model="code" label="验证码" type="digit" maxlength="6" placeholder="请输入验证码">
...@@ -116,388 +112,130 @@ ...@@ -116,388 +112,130 @@
<span>注册并登录</span> <span>注册并登录</span>
</div> </div>
</div> </div>
</div> --> </div>
<script> <script>
$(function(){
$('.loginbox').height($('.loginbox')[0].clientHeight);
$("#preloader").hide();
var codeSrc = "{:captcha_src('register',['imageW'=>128,'imageH'=>28])}&!"+Math.random();
$(".resetcode").attr('src',codeSrc).load(function(){
$("#verifyimg_loading").remove();
$(this).show();
});
/** 刷新验证码 */ $(function(){
$('.resetcode').click(function(){
$(".resetcode").attr('src',function(){
var index = this.src.indexOf('&!');
if(index !== -1){
return this.src.substr(0,index)+'&!'+Math.random();
}
return this.src+'&!'+Math.random();
});
});
// 每60s 刷新一次验证码 })
setInterval(function(){
$(".resetcode").click(); let CLICK_PHONE="{:U('basic/Passport/clickPhone')}";
},120*1000); let GET_PHONEVERIFY="{:U('basic/Passport/getVerify')}";
});
//手机注册 String.prototype.isMobile = function() {
function phoneReg(cate){ return (/^1[3|4|5|6|7|8|9]\d{9}$/.test(this));
$(cate).addClass("f3"); }
$(cate).prev().removeClass();
$("#phoneReg").css("display","block"); String.prototype.isCode = function() {
$("#emailReg").css("display","none"); return this.length == 4 || this.length == 6
} }
//邮箱注册
function emailReg(cate){ String.prototype.isPwd = function() {
$(cate).addClass("f3"); return this.length >= 6 && this.length <= 16
$(cate).prev().removeClass(); }
$("#emailReg").css("display","block");
$("#phoneReg").css("display","none"); new Vue({
} el: '#app',
/** data: function() {
* 发送手机验证码 return {
*/ counting: false,
function getPhoneVerify(){ count: 60,
user=$.trim($("#prphone").val());//获取用户手机号 phone: "",
var phoneVerify=function(){ code: "",
//获取手机验证码 password: ""
}
},
computed: {
valid: function() {
return !this.counting
},
codeText: function() {
return this.counting ? (this.count + 's') : '发验证码'
},
isOk: function() {
return this.phone.isMobile() && this.code.isCode() && this.password.isPwd()
}
},
methods: {
onConfirm: function() {
let user = this.phone//获取用户邮箱地址
let verify = this.code//获取验证码
let uname = "用户" + parseInt(Math.random() * 1000)//获取用户昵称
let password = this.password//获取密码
let mhm_id = ''//机构
let invite_code = ''//邀请码
$.ajax({
async:false,
type: "POST",
url:REG_ADDRESS,
data:"phone="+user+"&uname="+uname+"&password="+password+"&type=2&verify="+verify+"&mhm_id="+mhm_id+"&invite_code="+invite_code,
dataType:"json",
success:function(data){
if( data.status == '0'){
ui.error(data.info)
return
}else{
ui.success("注册成功")
location = data.data
}
}
})
},
onSendCode: function() {
this.checkPhone(this.readyToSend)
},
readyToSend: function() {
let that = this
if(!this.counting) {
let phone = that.phone
$.ajax({ $.ajax({
type: "POST", type: "POST",
url:GET_PHONEVERIFY, url:GET_PHONEVERIFY,
data:"phone="+user, data:"phone="+phone,
dataType:"json", dataType:"json",
success:function(data){ success:function(data){
if(data.status=='0'){ if(data.status=='0'){
ui.error(data.info); ui.error(data.info)
return; return
}else{ }else{
ui.success(data.info); that.counting = true
$('.width80').css("display","none"); that.onTick()
$('.width97').removeAttr("style"); return
timerc = 60;
dtime();
return;
} }
} }
}); })
} }
//检查手机号格式 },
if(!user.match( PHONE_MATCH )){ checkPhone: function(call) {
ui.error('请填写正确的手机号'); let phone = this.phone
return;
}else{
//验证此手机是否已被注册 //验证此手机是否已被注册
$.ajax({ $.ajax({
type: "POST", type: "POST",
url:CLICK_PHONE, url:CLICK_PHONE,
data:"phone="+user, data:"phone="+phone,
dataType:"text", dataType:"text",
success:function(data){ success:function(data){
if(data==0){ if(data==0){
ui.error('此手机已被注册，请更换'); ui.error('此手机已被注册，请更换');
return; return;
}else{ }else{
phoneVerify(); call && call()
} }
} }
}); });
},
onTick: function() {
if(this.count > 0) {
this.count -= 1
setTimeout(this.onTick, 1000)
} else {
this.count = 60
this.counting = false
} }
} }
var timerc;
function dtime(){
if(timerc > 1){
timerc=timerc-1;
$("#dtime").text(timerc);
setTimeout("dtime()", 1000); //设置1000毫秒以后执行一次本函数
}else{
$('.width97').css("display","none");
$('.width80').removeAttr("style");
}
} }
})
//邮箱注册下一部
function onemaliNext(){
user = $.trim($("#erusername").val());//获取用户邮箱地址
verify = $.trim($("#erverify").val());//获取验证码
uname = $.trim($("#eruname").val());//获取用户昵称
password = $.trim($("#erpasswrod").val());//获取密码
password2 = $.trim($("#erpasswrod2").val());//获取密码
mhm_id = $.trim($("#this_mhm_id").val());//机构
invite_code = $.trim($("#invite_code").val());//邀请码
//检查信息是否为空
if(user == ""){
ui.error('请输入邮箱');
return;
}
if(uname == ""){
ui.error('请输入昵称');
return;
}
if(password == ""){
ui.error('请输入密码');
return;
}
if(password2 == ""){
ui.error('请再次输入密码');
return;
}
if(verify == ""){
ui.error('请输入验证码');
return;
}
//验证邮箱
if(!user.match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)){
ui.error('邮箱格式错误');
return;
}
//验证昵称
if( uname.length > 10){
ui.error('昵称长度不能大于10位');
return;
}
//检查密码
if( password.length<6 || password.length>20 ){
ui.error('密码长度为6-20位');
return;
}
if( password != password2 ){
ui.error('两次输入密码不一致');
return;
}
//检查验证码
if( verify.length != 4){
ui.error('验证码长度不正确');
return;
}
$.ajax({
async:false,
type: "POST",
url:REG_ADDRESS,
data:"email="+user+"&uname="+uname+"&password="+password+"&type=1&verify="+verify+"&mhm_id="+mhm_id+"&invite_code="+invite_code,
dataType:"json",
success:function(data){
if( data.status == '0'){
ui.error(data.info);
return;
}else{
ui.success("注册成功");
location = data.data;
}
}
});
}
//手机注册下一部
function phoneNext(){
user = $.trim($("#prphone").val());//获取用户邮箱地址
verify = $.trim($("#prverify").val());//获取验证码
uname = $.trim($("#uname").val());//获取用户昵称
password = $.trim($("#prpassword").val());//获取密码
password2 = $.trim($("#prpassword2").val());//获取密码
mhm_id = $.trim($("#this_mhm_id").val());//机构
invite_code = $.trim($("#invite_code").val());//邀请码
//检查信息是否为空
if(user == ""){
ui.error('请输入手机号');
return;
}
if(verify == ""){
ui.error('请输入验证码');
return;
}
if(uname == ""){
ui.error('请输入昵称');
return;
}
if(password == ""){
ui.error('请输入密码');
return;
}
if(password2 == ""){
ui.error('请再次输入密码');
return;
}
//检查手机号格式
if(!user.match( PHONE_MATCH )){
ui.error('请填写正确的手机号');
return;
}
//检查验证码
if( verify.length !=6 ){
ui.error('手机验证码长度不正确');
return;
}
//验证昵称
if( uname.length > 10){
ui.error('昵称长度不能大于10位');
return;
}
//检查密码
if( password.length<6 || password.length>20 ){
ui.error('密码长度为6-20位');
return;
}
if( password != password2 ){
ui.error('两次输入密码不一致');
return;
}
$.ajax({
async:false,
type: "POST",
url:REG_ADDRESS,
data:"phone="+user+"&uname="+uname+"&password="+password+"&type=2&verify="+verify+"&mhm_id="+mhm_id+"&invite_code="+invite_code,
dataType:"json",
success:function(data){
if( data.status == '0'){
ui.error(data.info);
return;
}else{
ui.success("注册成功");
location = data.data;
}
}
});
}
// let CLICK_PHONE="{:U('basic/Passport/clickPhone')}";
// let GET_PHONEVERIFY="{:U('basic/Passport/getVerify')}";
// String.prototype.isMobile = function() {
// return (/^1[3|4|5|6|7|8|9]\d{9}$/.test(this));
// }
// String.prototype.isCode = function() {
// return this.length == 4 || this.length == 6
// }
// String.prototype.isPwd = function() {
// return this.length >= 6 && this.length <= 16
// }
// new Vue({
// el: '#app',
// data: function() {
// return {
// counting: false,
// count: 60,
// phone: "",
// code: "",
// password: ""
// }
// },
// computed: {
// valid: function() {
// return !this.counting
// },
// codeText: function() {
// return this.counting ? (this.count + 's') : '发验证码'
// },
// isOk: function() {
// return this.phone.isMobile() && this.code.isCode() && this.password.isPwd()
// }
// },
// methods: {
// onConfirm: function() {
// let user = this.phone//获取用户邮箱地址
// let verify = this.code//获取验证码
// let uname = "用户" + parseInt(Math.random() * 1000)//获取用户昵称
// let password = this.password//获取密码
// let mhm_id = ''//机构
// let invite_code = ''//邀请码
// $.ajax({
// async:false,
// type: "POST",
// url:REG_ADDRESS,
// data:"phone="+user+"&uname="+uname+"&password="+password+"&type=2&verify="+verify+"&mhm_id="+mhm_id+"&invite_code="+invite_code,
// dataType:"json",
// success:function(data){
// if( data.status == '0'){
// ui.error(data.info)
// return
// }else{
// ui.success("注册成功")
// location = data.data
// }
// }
// })
// },
// onSendCode: function() {
// this.checkPhone(this.readyToSend)
// },
// readyToSend: function() {
// let that = this
// if(!this.counting) {
// let phone = that.phone
// $.ajax({
// type: "POST",
// url:GET_PHONEVERIFY,
// data:"phone="+phone,
// dataType:"json",
// success:function(data){
// if(data.status=='0'){
// ui.error(data.info)
// return
// }else{
// that.counting = true
// that.onTick()
// return
// }
// }
// })
// }
// },
// checkPhone: function(call) {
// let phone = this.phone
// //验证此手机是否已被注册
// $.ajax({
// type: "POST",
// url:CLICK_PHONE,
// data:"phone="+phone,
// dataType:"text",
// success:function(data){
// if(data==0){
// ui.error('此手机已被注册，请更换');
// return;
// }else{
// call && call()
// }
// }
// });
// },
// onTick: function() {
// if(this.count > 0) {
// this.count -= 1
// setTimeout(this.onTick, 1000)
// } else {
// this.count = 60
// this.counting = false
// }
// }
// }
// })
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment