注册成功,却不跳转

来源:5-4 注册页面的开发

阿忠01

2018-01-18

http://img.mukewang.com/szimg/5a6091ff0001a6c709530832.jpg

注册的 index.js代码:

require('./index.css');

require('page/common/nav-simple/index.js');

var _user   = require('service/user-service.js');

var _mm     = require('util/mm.js');


/*表单里的错误提示*/

var formError = {

    show : function(errMsg){

        $('.error-item').show().find('.err-msg').text(errMsg);

    },

    hide : function(){

        $('.error-item').hide().find('.err-msg').text('');

    }

}


/*page逻辑部分*/

var page = {

    init: function(){

        this.bindEvent();

    },

    bindEvent : function(){

        var _this = this;

        //验证 username

        $('#username').blur(function(){

            var username = $.trim($(this).val());

            //如果用户名为空 不做验证

            if(!username){

                return;

            }

            //异步验证用户名是否存在

            _user.checkUsername(username,function(res){

                formError.hide();

            }, function(errMsg){

                formError.show(errMsg);

            });

        });

        //注册按钮的点击

        $('#submit').click(function(){

            _this.submit();

        });

        // 如果按下回车键 也进行提交

        $('.user-content').keyup(function(e){

            //keyCode === 13 表示回车

            if(e.keyCode === 13){

                _this.submit();

            }

        });

    },

    //提交表单

    submit : function(){

        var formData = {

                username        : $.trim($('#username').val()),

                password        : $.trim($('#password').val()),

                passwordConfirm : $.trim($('#password-confirm').val()),

                phone           : $.trim($('#phone').val()),

                email           : $.trim($('#email').val()),

                question        : $.trim($('#question').val()),

                answer          : $.trim($('#answer').val())

            },

            validateResult = this.formValidate(formData);

        //验证成功

        if(validateResult.status){

            //提交

            _user.register(formData, function(res){

                window.location.href = './result.html?type=register';

            }, function(errMsg){

                formError.show(errMsg);

            });

        }

        //验证失败

        else{

            //错误提示

            formError.show(validateResult.msg);

        }

    },

    // 表单字段的验证

    formValidate : function(formData){

        var result = {

            status : false,

            msg    : ''

        };

        //验证用户名不能为空

        if(!_mm.validate(formData.username, 'require')){

            result.msg = '用户名不能为空';

            return result;

        }

        //验证密码是否为空

        if(!_mm.validate(formData.password, 'require')){

            result.msg = '密码不能为空';

            return result;

        }

        //验证密码长度

        if(formData.password.length<6){

            result.msg = '密码长度不能少于6位';

            return result;

        }

        // 验证两次输入的密码是否一致

        if(formData.password !== formData.passwordConfirm){

            result.msg = '两次输入的密码不一致';

            return result;

        }

        // 验证手机号

        if(!_mm.validate(formData.phone, 'phone')){

            result.msg = '手机号格式不正确';

            return result;

        }

        // 验证邮箱

        if(!_mm.validate(formData.email, 'email')){

            result.msg = '邮箱格式不正确';

            return result;

        }

        // 验证密码提示问题是否为空

        if(!_mm.validate(formData.question, 'require')){

            result.msg = '验证密码提示问题不能为空';

            return result;

        }

        // 验证密码提示问题答案是否为空

        if(!_mm.validate(formData.answer, 'require')){

            result.msg = '密码提示问题答案不能为空';

            return result;

        }

        // 通过验证 ,返回正确的提示

        result.status  = true;

        result.msg     = '验证通过';

        return result;

    }

};


$(function(){

    page.init();

});

user-server 代码:

var _mm = require('util/mm.js');


var _user = {

    // 用户登录

    login : function(userInfo, resolve, reject){

        _mm.request({

            url : _mm.getServerUrl('/user/login.do'),

            data : userInfo,

            method : 'POST',

            success : resolve,

            error   : reject

        });

    },

    //用户注册验证用户名是否注册

    checkUsername : function(username, resolve, reject){

        _mm.request({

            url : _mm.getServerUrl('/user/check_valid.do'),

            data : {

                type : 'username',

                str  : username

            },

            method : 'POST',

            success : resolve,

            error   : reject

        });

    },

    //用户注册

    register : function(userInfo, resolve, reject){

        _mm.request({

            url : _mm.getServerUrl('/user/register.do'),

            data : userInfo,

            method : 'POST',

            success : resolve,

            error   : reject

        });

    },

    // 检查登录状态

    checkLogin : function(resolve, reject){

        _mm.request({

            url : _mm.getServerUrl('/user/get_user_info.do'),

            method : 'POST',

            success : resolve,

            error   : reject

        });

    },

    //登出

    logout : function(resolve, reject){

        _mm.request({

            url : _mm.getServerUrl('/user/logout.do'),

            method : 'POST',

            success : resolve,

            error   : reject

        });

    }

}


module.exports = _user;


写回答

3回答

慕后端5334776

2019-08-24

我也遇到同样的问题,登录成功,页面没有提示错误,就是不执行跳转

0
1
Rosen
尝试一下断点调试,看每一层的回调是不是符合预期
2019-08-24
共1条回复

Rosen

2018-01-19

不调转有什么别的反应么?还有要使用test.happymmall.com作为接口地址

0
0

阿忠01

提问者

2018-01-18

页面请求 200 

0
0

真实数据对接 从0开发前后端分离的企业级上线项目

【毕设项目精品】前端实战,对接真实服务端数据,开发完整项目

4262 学习 · 4113 问题

查看课程