微信小程序注册

微信⼩程序设计⽤户注册页⾯

Page({

/**

*页⾯的初始数据

*/

data:{

text:'获取验证码',//按钮⽂字

currentTime:61,//倒计时

disabled:fal,//按钮是否禁⽤

phone:'',//获取到的⼿机栏中的值

VerificationCode:'',

Code:'',

NewChanges:'',

NewChangesAgain:'',

success:fal,

state:''

},

/**

*获取验证码

*/

return_home:function(e){

teTo({

url:'/pages/login/login',

})

},

handleInputPhone:function(e){

a({

phone:

})

},

handleVerificationCode:function(e){

(e);

a({

Code:

})

},

handleNewChanges:function(e){

(e);

a({

NewChanges:

})

},

handleNewChangesAgain:function(e){

(e);

a({

NewChangesAgain:

})

},

doGetCode:function(){

varthat=this;

a({

disabled:true,//只要点击了按钮就让按钮禁⽤（避免正常情况下多次触发定时器事件）

color:'#ccc',

})

varphone=;

varcurrentTime=tTime//把⼿机号跟倒计时值变例成js值

varwarn=null;//warn为当⼿机号为空或格式不正确时提⽰⽤户的⽂字，默认为空

varphone=;

varcurrentTime=tTime//把⼿机号跟倒计时值变例成js值

varcurrentTime=tTime//把⼿机号跟倒计时值变例成js值

varwarn=null;//warn为当⼿机号为空或格式不正确时提⽰⽤户的⽂字，默认为空

t({

url:'',//后端判断是否已被注册，已被注册返回1，未被注册返回0

method:"GET",

header:{

'content-type':'application/x-www-form-urlencoded'

},

success:function(res){

a({

state:

})

if(phone==''){

warn="号码不能为空";

}elif(().length!=11||!/^1[3|4|5|6|7|8|9]d{9}$/.test(phone)){

warn="⼿机号格式不正确";

}//⼿机号已被注册提⽰信息

elif(==1){//判断是否被注册

warn="⼿机号已被注册";

}

el{

t({

url:'',//填写发送验证码接⼝

method:"POST",

data:{

coachid:

},

header:{

'content-type':'application/x-www-form-urlencoded'

},

success:function(res){

()

a({

VerificationCode:code

})

//当⼿机号正确的时候提⽰⽤户短信验证码已经发送

ast({

title:'短信验证码已发送',

icon:'none',

duration:2000

});

//设置⼀分钟的倒计时

varinterval=tInterval(function(){

currentTime--;//每执⾏⼀次让倒计时秒数减⼀

a({

text:currentTime+'s',//按钮⽂字变成倒计时对应秒数

})

//如果当秒数⼩于等于0时停⽌计时器且按钮⽂字变成重新发送且按钮变成可⽤状态倒计时的秒数也要恢复成默认秒数即让获取验证码的按钮恢复到初始化

if(currentTime<=0){

clearInterval(interval)

a({

text:'重新发送',

currentTime:61,

disabled:fal,

color:'#33FF99'

})

}

},100);

}

})

};

//判断当提⽰错误信息⽂字不为空即⼿机号输⼊有问题时提⽰⽤户错误信息并且提⽰完之后⼀定要让按钮为可⽤状态因为点击按钮时设置了只要点击了按钮就让

//判断当提⽰错误信息⽂字不为空即⼿机号输⼊有问题时提⽰⽤户错误信息并且提⽰完之后⼀定要让按钮为可⽤状态因为点击按钮时设置了只要点击了按钮就让

if(warn!=null){

dal({

title:'提⽰',

content:warn

})

a({

disabled:fal,

color:'#33FF99'

})

return;

}

}

})

},

submit:function(e){

varthat=this

if(==''){

ast({

title:'请输⼊验证码',

image:'/images/',

duration:2000

})

return

}elif(!=cationCode){

ast({

title:'验证码错误',

image:'/images/',

duration:2000

})

return

}

elif(nges==''){

ast({

title:'请输⼊密码',

image:'/images/',

duration:2000

})

return

}elif(ngesAgain!=nges){

ast({

title:'两次密码不⼀致',

image:'/images/',

duration:2000

})

return

}el{

varthat=this

varphone=;

t({

url:getApp().l+'/Coachs/inrt',

method:"POST",

data:{

coachid:phone,

coachpassword:nges

},

header:{

"content-type":"application/x-www-form-urlencoded"

},

success:function(res){

ast({

title:'提交成功~',

icon:'loading',

duration:2000

duration:2000

})

(res)

a({

success:true

})

}

})

}

},

/**

*⽤户点击右上⾓分享

*/

onShareAppMessage:function(){

}

})

{{text}}

提交

恭喜您注册成功!

返回⾸页

page{

background:#F0F0F0;

}

.row{

margin-top:20rpx;

overflow:hidden;

line-height:100rpx;

border-bottom:1rpxsolid#ccc;

margin-left:20rpx;

margin-right:20rpx;

color:#777;

background:#fff;

}

.info-input{

height:100rpx;

margin-left:50rpx;

color:#777;

float:left;

}

.info-input1{

height:100rpx;

margin-left:50rpx;

color:#777;

float:left;

width:420rpx;

}

.button{

width:200rpx;

height:70rpx;

line-height:70rpx;

font-size:28rpx;

background:#33FF99;

float:left;

margin-left:10rpx;

margin-top:15rpx;

color:#FFFFFF;

}

.submit{

margin-top:50rpx;

margin-left:20rpx;

margin-right:20rpx;

background:#00CCFF;

color:#FFFFFF;

}

.success{

background:#ffffff;

}

.cheer{

text-align:center;

line-height:400rpx;

font-size:60rpx;

position:relative;

}

.return{

margin:20rpx;

}

页⾯显⽰结果