jiaoyan

标签：不能   ack   gis   common   his   ati   one   range   log   

/**
 * 注册页面
 * Created by lijie on 2016/5/17.
 */

(function(){

    var registerVie = {
        init:function(){
            var $phone = $(‘#phone‘).val(15766987954);
            this.bindEvent();
            $(‘#get-code‘).css(‘background-color‘,‘orange‘);
        },

        bindEvent:function(){
            //获取验证码
            $(‘#get-code‘).on(‘click‘,function(){
                var $phone = $(‘#phone‘).val();
                var phoneReg =  /^1\d{10}$/;
                if(!$phone){
                  alert(‘电话号码不能为空‘)
                }else if(!phoneReg.test($phone)){
                    alert(‘请输入11位的电话号码‘)
                }else{
                    //点击后不能连续点击，增加disabled属性，或者readonly
                    $(this).prop(‘disabled‘,‘disabled‘);
                    var phoneNum = $(‘#phone‘).val().slice(-4);
                    var count = 3;
                    var timer = window.setInterval(function(){
                        $(‘#get-code‘).val(--count+‘s‘);
                        if(count == 0){
                            window.clearInterval(timer);
                            $(‘#get-code‘).prop(‘disabled‘,false); //此处不能用this
                            $(‘#get-code‘).val(‘获取短信验证码‘);
                        }
                    },1000);
                    var url = common.getWebUrl(‘getVerifyCode‘);
                    var data = {phone:$phone}
                    common.ajax(url,data,function(res){
                        alert(‘验证码已经发送至手机尾号为‘+phoneNum+‘的用户‘);
                    });
                }
            });

            //立即注册
            $(‘#submit‘).on(‘click‘,function(){
                var $phone = $(‘#phone‘).val();
                var $psw = $(‘#psw‘).val();
                var $code = $(‘#code‘).val();
                var phoneReg = /^1\d{10}$/;
                var pswReg = /^\w{6,18}$/;
                var code = /^\w{4}$/;
                if(!$phone){
                    alert(‘电话号码不能为空‘);
                    return false;
                }
                if(!phoneReg.test($phone)){
                    alert(‘请输入正确的电话号码‘);
                    return false;
                }
                if(!$psw) {
                    alert(‘密码不能为空‘);
                    return false;
                }
                if (!pswReg.test($psw)) {
                    alert(‘密码不正确‘);
                    return false;
                }
                if(!$code) {
                    alert(‘验证码不能为空‘);
                    return false;
                }
                if(!code.test($code)){
                    alert(‘验证码不正确‘);
                    return false;
                }
                if(!$(‘.checkbox‘).attr(‘checked‘)){
                    alert(‘请确定是否阅读并同意<<接受用户协议>>‘);
                    return false;
                }
                var url = common.getWebUrl(‘register‘)
                var data = {
                    phone: $phone,
                    password: $psw,
                    verifyCode: $code
                }
                common.ajax(url,data,function(res){
                    alert(‘注册成功‘)
                    location.href = ‘login.html‘
                })
            });
        },
    };
    registerVie.init();
})();

jiaoyan

标签：不能   ack   gis   common   his   ati   one   range   log   

原文地址：http://www.cnblogs.com/dream0530/p/6006163.html