注册成功,却不跳转
来源:5-4 注册页面的开发
阿忠01
2018-01-18
注册的 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
我也遇到同样的问题,登录成功,页面没有提示错误,就是不执行跳转
012019-08-24 -
Rosen
2018-01-19
不调转有什么别的反应么?还有要使用test.happymmall.com作为接口地址
00 -
阿忠01
提问者
2018-01-18
页面请求 200
00
相似问题