wxml:

<!–会员注册–>

<import src="/pages/template/navigation.wxml"/>

<template is=“navigation” data="{{system:systemInfo.system,title: ‘’,images:‘http://o2m.oss-cn-qingdao.aliyuncs.com/wechat-mall/mini/images/common/register.png’}}"/>

<view class=“register-container”>

<form bindsubmit=“formSubmit”>

<label class=“register-item”>

<view class=“item-title”>手机号码：</view>

<input name=“mobile” value="{{data.mobile}}" bindblur=“onMobile” type=“number” focus=“true” placeholder=“请输入手机号码” maxlength=“11” style=“width:250rpx;”/>

</label>

<label class=“register-item”>

<view class=“item-title”>验证码：</view>

<input name=“captcha” type=“number” focus=“false” placeholder=“请输入验证码” maxlength=“6” style=“width:250rpx;”/>

<view hidden="{{!count.hidden}}" class=“captcha-button” data-mobile="{{data.mobile}}" bindtap=“onCaptcha”>{{‘发送验证码’}}</view>

<view hidden="{{count.hidden}}" class=“captcha-button”>{{count.num}}秒之后再发</view>

</label>

<label class=“register-item”>

<view class=“item-title”>昵称：</view>

<input name=“nickname” value="{{data.nickname}}" type=“text” focus=“false” placeholder=“请输入昵称” style=“width:250rpx;”/>

</label>

<label class=“register-item”>

<view class=“item-title”>性别：</view>

<radio-group class=“radio-group”  name=“sex”>

<label class=“radio”>

<radio value=“0” checked="{{data.sex==0}}"/>女

<radio value=“1” checked="{{data.sex==1}}"/>男

</label>

</radio-group>

</label>

<view class=“register-item”>

<picker name=“birthday” mode=“date” vaule="{{data.birthday}}" bindchange=“bindDateChange”>

<label class=“register-item”>

<view class=“item-title”>生日：</view>

<text>{{data.birthday}}</text>

</label>

</picker>

</view>

<view class=“register-button”>

<button form-type=‘submit’>注册</button>

</view>

</form>  

</view>

js:

// register.js

let app = getApp()

let _config = require(’…/…/utils/config.js’);

let _http = require(’…/…/utils/httpUtil.js’);

Page({

/**

  * 页面的初始数据

  */

data: {

systemInfo: {}, //设备系统信息

data:{

mobile: “”,//手机号码

nickname: “”,//会员昵称

sex: 0,//性别,0:女,1:男

birthday: “点击选择”,//生日

captcha: “”//验证码

},

count:{

num:60,

hidden:true

}//倒计时

},

/**

  * 生命周期函数–监听页面加载

  */

onLoad: function (options) {

app.onSystemInfo()

},

/**

  * 生命周期函数–监听页面初次渲染完成

  */

onReady: function () {

let _this = this;

let _data = _this.data.data

app.getUserInfo(function (userInfo) {

_data.nickname = userInfo.nickName

_data.sex = userInfo.gender

_this.setData({

data: _data

})

})

},

/**

  * 生命周期函数–监听页面显示

  */

onShow: function () {

},

/**

  * 生命周期函数–监听页面隐藏

  */

onHide: function () {

},

/**

  * 生命周期函数–监听页面卸载

  */

onUnload: function () {

},

/**

  * 用户点击右上角分享

  */

onShareAppMessage: function () {

},

/**

  * @生日

  * **/

bindDateChange:function(e){

let _this = this

let _data = _this.data.data

_data.birthday = e.detail.value

_this.setData({

data: _data

})

},

/**

  * @表单提交

  * **/

formSubmit:function(e){

console.log(e)

let _this = this

let _data = _this.data.data

let url = _config.config.register

let params = e.detail.value

// params = JSON.stringify(params)

console.log(params)

_http.http.post(url, params, function (response) {

if (response.status==0){

wx.showToast({

title: ‘注册成功~’,

success:function(){

wx.reLaunch({

url: ‘/pages/index/index’,

})

}

})

} else if (response.status == 1){

wx.showToast({ title: ‘:验证码无效~’ })

} else if (response.status == 2){

wx.showToast({ title: ‘该手机号码已注册啦~’ })

}else{

wx.showToast({title: ‘注册失败~’})

}

})

},

/**

  * @发送验证码

  * **/

onCaptcha:function(e){

let _this = this

let _data = _this.data.data

let _count = _this.data.count

let url = _config.config.captcha

let _mobile = _data.mobile

if (_mobile == null || _mobile == ‘’) {

wx.showToast({ title: ‘手机号码不能为空哟~’ })

return

}

if (!(/^1[34578]\d{9}$/.test(_mobile))) {

wx.showToast({ title: ‘手机号码格式不对哟~’ })

return

}

let params = {

mobile: _mobile

}

_http.http.post(url, params, function (response) {

if (response.status == 0) {

wx.showToast({

title: ‘发送成功~’,

icon: ‘success’,

success: function () {

let _time = setInterval(function(){

if (_count.num <= 0) {

_count.hidden = true

_count.num = 60

clearInterval(_time)

} else {

_count.hidden = false

_count.num–

}

_this.setData({

count: _count

})

},1000)

}

})

} else {

wx.showToast({

title: ‘发送失败~’,

success: function () {

}

})

}

})

},

/**

  * @手机号码

  * **/

onMobile:function(e){

let _this = this

let _data = _this.data.data

let _value = e.detail.value

_data.mobile = _value

if (_value == null || _value == ‘’) {

wx.showToast({ title: ‘手机号码不能为空哟~’ })

return

}

if (!(/^1[34578]\d{9}$/.test(_value))) {

wx.showToast({ title: ‘手机号码格式不对哟~’ })

return

}

_this.setData({

data: _data

})

},

/**

  * @数据校验

  * @param validtype

  * **/

onValidate:function(e){

// let _this = this

// let _type = e.currentTarget.dataset.validtype

// let _title = e.currentTarget.dataset.title

// let _value = e.detail.value

// if (_value == null || _value==’’){

//   wx.showToast({ title: _title+‘不能为空~’})

//   return

// }

// switch (_type) {

//   case “mobile”:

//     break;

//   case “isNull”:

//     break;

//   case “number”:

//     break;

//   default:

// }

}

})