模型弹出窗体中的jquery验证无法正常工作

Question

我在模态弹出窗体中使用了jQuery验证。但是当验证成立时，需要在下次单击提交按钮提交表单。我想知道当我点击提交弹出按钮并验证为真时如何提交表单。此外，我想在单击取消按钮时关闭对话框。谢谢大家。

    $('.adddomain').click(function(e){
       e.preventDefault();
       $("#adddomainform").dialog({
            autoOpen: true,
            show: '',
            resizable: false,
            position: 'center',
            stack: true,
            height: 'auto',
            width: 400,
            modal: true,
            title: "",
            buttons: [
                {
                    text: "Save",
                    click: function () {
                        if ($("#adddomainform").valid()) {  //Check for Valid
                            $('#adddomainform').submit();
                        }
                        else {
                            alert("Invalid");
                        }
                    }
                },
                {
                    text: "Cancel",
                    click: function () {
                        $(this).dialog("close");
                    }
                },
            ]
        });
   });

   $("#adddomainform").validate({            
        rules: {
            domainname: {
                required: true,
                validdomain: true,
                duplicate: true
            }
        },
        messages: {
            domainname: {
                required: 'Please enter domain name.'                
            }
        },
        submitHandler: function (form) {
            form.submit();
            return false;
        }
    });