从文档就绪到js文件类/对象

Question

我正在做一些布局页面的嘲笑。我在标题中使用$（document）.ready写了很多javascript来测试。

$(document).ready(function () {
    $('.errorPopup').hide();
    $('#account').mask('9999-9999-9999-9999');
    $('#code').mask('9999');

    $("#form").validate({
                errorPlacement: function (error, element) {
                    $('.errorPopup').show();

        },
        success: function (label, element) {
            $('.errorPopup').hide();
        },
        rules: {           
            "account": {
                required: true
                },
            "code": {
                required: true,
                max:1000
            }
        },
        messages: {
            "account": {
                required: "Account is required."
            },
            "code": {
                required: "Code is required",
                max: "Sorry only 1000 max"

            }
        },
        submitHandler: function (form) { 
            return false; 
        }
    });
});

现在我必须将它添加到网站使用的main.js文件中，并且所有内容都在类/对象中进行组织。

// main.js

var checkAccount = {
     init: function(holder){
     messages = holder;
     $('elment1').click(//do something);
     $('elment2').click(//do something);
     },
     someAction: function(misc) ...  
}

我如何用这种格式写我的东西？我怎么能在$ document.ready（）？

中表现得像以前一样

感谢