javascript - fadeOut() メソッドは event.preventdefault() では機能しません

Question

フォームが送信されて検証されると、ダイアログがフェードアウトして閉じ、ページが自動的に更新されないようにします。preventdefault を使用すると、ページは更新されませんが、ダイアログも閉じません。他に何をする必要がありますか?

$("#form").validate({
    rules: {
          number : {
            required: true
        }                                        
    },
    messages: {
        number : {
            required: "enter a phone number"                   
        }
    },
    submitHandler: function(form,event) {

        event.preventDefault();

    //this prevents a double click on the form button

    $("form :input:submit").click(function() {

             this.disabled = 'disabled';

    });

     //Here I want the dialog to slowly fade, then close, *then* reload the page. 
     //but it won't fade or close when I'm using preventDefault(). 

    $('#dialog').fadeOut('slow', function(){
            $( this ).dialog( "close" );
          location.reload();
        });


    }  //closes submit handler  
});//close validate

Answer 1

event.preventDefault();関数の最後に置くことができますsubmithandler。