$(function() {
    validateRule();
    refreshCode();
});

$.validator.setDefaults({
    submitHandler: function() {
    	showVerfyImage();
    }
});

function showVerfyImage() {
	$("#verfyImg").find(".mask").css("display", "block");
}

function postRegister(data){
	$.modal.loading($("#btnSubmit").data("loading"));
    $.ajax({
        type: "post",
        url: ctx + "register",
        data: data,
        success: function(r) {
            if (r.code == web_status.SUCCESS) {
            	var username = $.common.trim($("input[name='username']").val());
            	layer.alert("<font color='red'>恭喜你，您的账号 " + username + " 注册成功！</font>", {
            	    icon: 1,
            	    title: "系统提示"
            	},
            	function(index) {
            	    //关闭弹窗
            	    layer.close(index);
            	    location.href = ctx + 'login';
            	});
            } else {
            	$.modal.closeLoading();
            	$.modal.msg(r.msg);
            }
        }
    });
}

/* 刷新验证码 */
function refreshCode() {
	/** 初始化验证码  弹出式 */
	$('#verfyImg').slideVerify({
		baseUrl: ctx,
		mode: 'pop',
		success : function(params) {
			var username = $.common.trim($("input[name='username']").val());
		    var password = $.common.trim($("input[name='password']").val());
		    var data = {
		        "loginName": username,
		        "password": password
		    };
			data = $.extend(data, params);
			postRegister(data);
		},
		error : function() {}
	});
}

function validateRule() {
    var icon = "<i class='fa fa-times-circle'></i> ";
    $("#registerForm").validate({
        rules: {
            username: {
                required: true,
                minlength: 2
            },
            password: {
                required: true,
                minlength: 5
            },
            confirmPassword: {
                required: true,
                equalTo: "[name='password']"
            }
        },
        messages: {
            username: {
                required: icon + "请输入您的用户名",
                minlength: icon + "用户名不能小于2个字符"
            },
            password: {
            	required: icon + "请输入您的密码",
                minlength: icon + "密码不能小于5个字符",
            },
            confirmPassword: {
                required: icon + "请再次输入您的密码",
                equalTo: icon + "两次密码输入不一致"
            }
        }
    })
}