APP注册功能

模块功能:注册

一、功能实现

如图一是注册页面。

如图二判断手机号码是否输入正确。

var phone=$("#phone").val();

        var myreg = /^0?1[3|4|5|8][0-9]\d{8}$/;

        if(!myreg.test(phone))

        {

            showmsg("请输入有效的手机号码!");

            return;

        }

扫描二维码关注公众号,回复: 6047261 查看本文章

如图三输入正确的号码,点击获取验证码。

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("请输出正确的手机号码!!");

            }

        }

  });

 

                                   如图一                                                                                如图二                   

 

                                  如图三

如图四点击注册按钮,如有已注册过的号码是不允许再注册的。

如图五点击注册协议跳转到注册协议页面。

                                      如图四                                                                                如图五

猜你喜欢

转载自blog.csdn.net/weixin_44540455/article/details/89382780