﻿$().ready(function() {
    var oUserName = $("#txtUserName");
    var oPwd = $("#txtPwd");
    var oPwd2 = $("#txtPwd2");




    oUserName.blur(function() {
        oUserName.val(oUserName.val().Trim());
        if (oUserName.val() == "") {
            $(this).parent().next().html("用户名不能为空!").removeClass("colorWhite colorGreen").addClass("colorRed");
            $(this).removeClass("txtBlur").addClass("txtFocus");
            //this.focus();
            return false;
        }

//        if (!oUserName.val().isEmail()) {
//            $(this).parent().next().html("请输入正确的注册邮箱!").removeClass("colorWhite colorGreen").addClass("colorRed");
//            $(this).removeClass("txtBlur").addClass("txtFocus");
//            //this.focus();
//            return false;
//        }

        var strCallBack = GetRandomString(10);
        $(this).parent().next().html('<img src="http://img.24city.com/loader.gif" alt="loading..." align="absmiddle" style="margin-right:5px" />用户名检测中...').removeClass("colorWhite colorGreen").addClass("colorRed");

        var sUrl = "/wcf/Service.svc/CheckLoginName?callBack=" + encodeURIComponent(strCallBack) + "&loginName=" + encodeURIComponent(oUserName.val().Trim());

        jQuery.getScript(sUrl, function() {
            var data = eval("_" + strCallBack);
            if (data) {
                oUserName.parent().next().html("√").removeClass("colorWhite colorRed").addClass("colorGreen");
                oUserName.removeClass("txtFocus").addClass("txtBlur");
            }
            else {
                oUserName.parent().next().html("×该用户名已经被注册！").removeClass("colorWhite colorGreen").addClass("colorRed");
                oUserName.removeClass("txtBlur").addClass("txtFocus");
            }

        })


        return true;
    }).focus(function() {
        $(this).removeClass("txtBlur").addClass("txtFocus");
    })

    oPwd.blur(function() {
        oPwd.val(oPwd.val().Trim());
        if (oPwd.val() == "") {
            $(this).parent().next().html("密码不能为空!").removeClass("colorWhite colorGreen").addClass("colorRed");
            $(this).removeClass("txtBlur").addClass("txtFocus");
            //this.focus();
            return false;
        }

        if (oPwd.val().length < 6) {
            $(this).parent().next().html("密码至少要6位长度!").removeClass("colorWhite colorGreen").addClass("colorRed");
            $(this).removeClass("txtBlur").addClass("txtFocus");
            //this.focus();
            return false;
        }

        $(this).parent().next().html("√").removeClass("colorWhite colorRed").addClass("colorGreen");
        $(this).removeClass("txtFocus").addClass("txtBlur");
        return true;
    }).focus(function() {
        $(this).removeClass("txtBlur").addClass("txtFocus");
        var oTdCode = $("#tdCode");
        var oTrCode = $("#trCode");

        if (oTrCode.css("display") == "none") {
            oTrCode.css("display", "");
            oTdCode.html("<img src='http://img.24city.com/loader.gif' align='absmiddle' style='margin-right:5px' /><span style='color:red'>验证码图片加载中...</span>");
            var imgID = new Image();
            imgID.src = "/login/GenCode.ashx?t=" + Math.random();
            imgID.onload = function() {
                oTdCode.html("<input name=\"txtCode\" type=\"text\" maxlength=\"4\" id=\"txtCode\"  class='txtBlur' style='width:65px; height:18px; line-height:18px;' tabindex=\"3\"/><img src=\"" + imgID.src + "\" alt=\"点击刷新验证码\" style=\"cursor:pointer;padding-left:6px;width:48px;height:20px\" id=\"imgCode\" align='absmiddle' onclick='fnImgCode(this)'/>");
            }

        }
    })


    oPwd2.blur(function() {
        oPwd2.val(oPwd2.val().Trim());
        if (oPwd2.val() == "") {
            $(this).parent().next().html("请再次输入新密码!").removeClass("colorWhite colorGreen").addClass("colorRed");
            $(this).removeClass("txtBlur").addClass("txtFocus");
            //this.focus();
            return false;
        }

        if (oPwd.val() != oPwd2.val()) {
            $(this).parent().next().html("二次密码输入必须一致!").removeClass("colorWhite colorGreen").addClass("colorRed");
            $(this).removeClass("txtBlur").addClass("txtFocus");
            //this.focus();
            return false;
        }

        $(this).parent().next().html("√").removeClass("colorWhite colorRed").addClass("colorGreen");
        $(this).removeClass("txtFocus").addClass("txtBlur");
        return true;
    }).focus(function() {
        $(this).removeClass("txtBlur").addClass("txtFocus");
    })

    $("#btnReg").click(function() {
        oUserName.blur();
        oPwd.blur();
        oPwd2.blur();

        if (oUserName.attr("class") == "txtFocus") {
            oUserName.focus();
            return false;
        };

        if (oPwd.attr("class") == "txtFocus") {
            oPwd.focus();
            return false;
        };


        if (oPwd2.attr("class") == "txtFocus") {
            oPwd2.focus();
            return false;
        };

        var otxtCode = $("#txtCode");
        if (otxtCode.length > 0) {
            otxtCode.removeClass("txtFocus");
            otxtCode.val(otxtCode.val().Trim());
            if (otxtCode.val() == "") {
                otxtCode.parent().next().html("请输入验证码!").removeClass("colorWhite colorGreen").addClass("colorRed");
                otxtCode.focus().removeClass("txtBlur").addClass("txtFocus");
                return false;
            }
        }

        if ($("#chkItem").attr("checked") == false) {
            $("#chkItem").focus().next().css("color", "red");
            alert("您必须同意本站服务条款！");
            return false;
        }

        //return false;

        $(this).hide();
        $("#reging").html("<img src='http://img.24city.com/loader.gif' align='absmiddle' style='margin-right:5px' /><span style='color:red'>注册提交中...</span>")

        $("#form1").submit();

        return false;

        //return oUserName.blur();
    })

})

function fnImgCode(obj) {
    obj.src = "/login/GenCode.ashx?t=" + Math.random();
}

