我的zhiwen（三）dialog

 //登入时  信息提示
    $("#loading").dialog({
        autoOpen:false,
        modal :true,
        closeOnEscape :false,
        resizeable : false,
        draggable : false,
        width: 180,
        height : 50,
    }).parent().find('.ui-widget-header').hide();

    $("#reg").dialog({
        autoOpen: false,
        modal: true, //定义了这个属性  其他的地方就不可以操作
        resizable: false,
        width: 320,
        height: 340,
        buttons:{
            '提交':function(){
                  $(this).submit();
            }
        }
    }).validate({
        //提交按钮操作
        submitHandler :function(form){
            $(form).ajaxSubmit({
                url: "add.php",
                type: "POST",
                beforeSubmit :function(formData, jqForm, options ){
                    $('#loading').dialog('open');
                    $('#reg').dialog('widget').find('button').eq(1).button('disable');      
                },
                success :function(responseText ,statusText){
                    if(responseText){
                        $("#reg").dialog('widget').find('button').eq(1).button('enable');
                        $('#loading').css('background','url(css/images/success.gif) no-repeat 20px center').html('数据新增成功!');
                        $.cookie('user',$('#user').val());
                        setTimeout(function(){
                            $('#loading').dialog('close');
                            $('#reg').dialog('close');
                            $('#reg').resetForm();
                            $('#reg span.star').html('*').removeClass('succ');
                            $('#loading').css('background','url(css/images/loading.gif) no-repeat 20px center').html('数据交互中......');
                            $('#reg input').css('border','1px solid #ccc');
                            $('#member, #quit').show();
                            $('#reg_a, #login_a').hide();
                            $('#member').html("用户["+$.cookie('user')+"]");
                        },1000);
                    }
                }
            });

        },

        //出现错误时  调用的方法
        showErrors :function(){
            var  errors=this.numberOfInvalids();
            if(errors > 0){
                $("#reg").dialog('option','height',errors*20+340);
            }else{
                $("#reg").dialog('option','height',340);
            }
            this.defaultShowErrors();
        },

        highlight :function (element,errorClass){
            $(element).css('border','1px solid #630');
            $('#reg span.star').html('*').removeClass('succ');
        },

        unhighlight :function(element,errorClass){
            $(element).css("border",'1px solid #000');
           //接下来是把*号 换成一个钩
            $(element).parent().find('span').html(" ");
            $(element).parent().find('span').addClass('succ');

        },

        errorLabelContainer :' ol.reg_error',
        wrapper :'li',
        rules: {
            user: {
                required: true,
                minlength: 2,
                remote : {
                    url : 'is_user.php',
                    type : 'POST'
                }
            },
            pass :{
                required: true,
                minlength: 6,
            },
            email : {
                required :true,
                email :true,
            },
           
        },
        messages :{
            user: {
                required : '账号不得为空!',
                minlength :jQuery.format('账号不得小于{0}位'),
                remote : '账号被占用！！！'
            },
            pass: {
                required : '密码不得为空!',
                minlength :jQuery.format('密码不得小于{0}位'),
            },
            email: {
                required : '请输入正确的邮箱地址!',
            }
        }

    });