模块功能:注册
一、功能实现
如图一是注册页面。
如图二判断手机号码是否输入正确。
var phone=$("#phone").val();
var myreg = /^0?1[3|4|5|8][0-9]\d{8}$/;
if(!myreg.test(phone))
{
showmsg("请输入有效的手机号码!");
return;
}
如图三输入正确的号码,点击获取验证码。
function isPoneAvailable(str) {
var myreg=/^[1][3,4,5,6,7,8,9][0-9]{9}$/;
if (!myreg.test(str)) {
return false;
} else {
return true;
}
}
var send=0,sendphone="";
function smstime(){
send=send-1;
if(send==0){
$("#smscode").html("重新发送");
$("#smscode").css("background-color","#f3eeee");
$("#smscode").css("color","#2DB7FC");
}else{
$("#smscode").html("("+send+")")
setTimeout(function(){
smstime();
},1000);
}
}
$("#smscode").click(function(e){
if(send==0){
if($("#phone").val().length!=11)
{
mui.toast("请输出正确的手机号码!!");
setfcour($("#phone"));
return;
}
if(isPoneAvailable($("#phone").val()))
{
var phonex={phone:$("#phone").val(),type:1};
xccpost("msg/sendmsg",phonex,function(data){
if(data.result=="200")
{
sendphone=$("#phone").val();
send=60;
$("#smscode").css("background-color","#555555");
$("#smscode").css("color","#FFFBFC")
smstime();
}else{
mui.toast(data.msg);
}
},function(data){
mui.toast("错误未知!!");
})
}else{
mui.toast("请输出正确的手机号码!!");
}
}
});
如图一 如图二
如图三
如图四点击注册按钮,如有已注册过的号码是不允许再注册的。
如图五点击注册协议跳转到注册协议页面。
如图四 如图五