jquery - ダイアログに対する JQuery 検証

Question

フォーラムを検索したところ、ダイアログを使用した検証の例がいくつか見つかりました。これらのいずれかのコードを使用しましたが、動作させることができません。以下にJqueryコードを掲載しました。ダイアログは HTML に既に存在している必要がありますか? もしそうなら、どのように定義すればよいですか? 私が使用している検証関数は次のとおりです。

<script>
$(document).ready(function(){

    $('form[name="_Deal"]').validate({
         submitHandler: function (form) {
                    //form.submit();
                 },
        rules: {
                TransCloseDate: { required: true, date: true }
        },   
        messages: {
            TransCloseDate: "Please enter a valid date."
        },
                errorPlacement: function (error, element) {
                error.appendTo($("#dialog"));
            },

    invalidHandler: function() {
    $("#dialog").dialog('open');
},

                errorContainer: "#dialog",
                errorLabelContainer: "#dialog ul",
                wrapper: "li", debug: true,
                onfocusout: false,
                onclick: false
    });
        $("#dialog").dialog({
            autoOpen: false,
            modal: true,
            close: function (event, ui) {
                $("#dialog").html("");
            },
           title: 'Please fix the following:',
            resizable: false,
            width: 300
        });
  });