Javascript 提交按钮在Jquery对话框中不起作用

我使用对话框弹出窗口而不是模式弹出窗口。现在的问题是“提交”按钮在对话框弹出窗口中不起作用，但在模式弹出窗口中起作用。要使“提交”按钮在弹出对话框中正常工作，我必须做些什么

HTML

<form id="contact" name="contact" method="post" novalidate="novalidate">
    <div id="error"><span class="text-center"><p>Error</p></span></div>
        <div class="form-group"><input name="name" type="text" class="form-controls ease-out" id="name" placeholder="Name"></div>
        <div class="form-group"><input name="email" type="text" class="form-controls ease-out" id="email" placeholder="Email"></div>
        <div class="form-group"><textarea name="message" id="message" class="form-controls ease-out" required="" placeholder="Message"></textarea></div>
        <button id="submit" type="submit" class="newsletter-btn ease-out" title="Send" name="submit" value="Send">Send</button>
    </div>
</form>

错误

发送

对话框脚本

<script type="text/javascript">
            jQuery.validator.addMethod('answercheck', function (value, element) {
                    return this.optional(element) || /^\bcat\b$/.test(value);
                }, "type the correct answer -_-");

            // validate contact form
            $(function() {
                $('#contact').validate({
                    rules: {
                        name: {
                            required: true,
                            minlength: 2
                        },
                        email: {
                            required: true,
                            email: true
                        },
                        message: {
                            required: true
                        },
                        answer: {
                            required: false,
                            answercheck: false
                        }
                    },
                    messages: {
                        name: {
                            required: "Name required",
                            minlength: "At least 4 letters"
                        },
                        email: {
                            required: "Email required"
                        },
                        message: {
                            required: "Message required",
                            minlength: ""
                        },
                        answer: {
                            required: ""
                        }
                    },
                    submitHandler: function(form) {
                        $(form).ajaxSubmit({
                            type:"POST",
                            data: $(form).serialize(),
                            url:"process.php",
                            success: function() {
                                $('#contact :input').attr('disabled', 'disabled');
                                $('#contact').fadeTo( "fast", 0.3, function() {
                                    $(this).find(':input').attr('disabled', 'disabled');
                                    $(this).find('label').css('cursor','default');
                                    $('#success').fadeIn();
                                });
                            },
                            error: function() {
                                $('#contact').fadeTo( "fast", 1, function() {
                                    $('#error').fadeIn();
                                });
                            }
                        });
                    }
                });
            });
        </script>

这是打开对话框的脚本

<script>
    (function() {
        var dlgtrigger = document.querySelector( '[data-dialog-contact]' ),
            contact = document.getElementById( dlgtrigger.getAttribute( 'data-dialog-contact' ) ),
            dlg = new DialogFx( contact );
            dlgtrigger.addEventListener( 'click', dlg.toggle.bind(dlg) );
                })();
</script>

（功能（）{
var dlgtrigger=document.querySelector（“[数据对话框联系人]”），
contact=document.getElementById（dlgtrigger.getAttribute（'data dialog contact'）），
dlg=新对话框FX（联系人）；
dlgtrigger.addEventListener（'click'，dlg.toggle.bind（dlg））；
})();

联系脚本

<script type="text/javascript">
            jQuery.validator.addMethod('answercheck', function (value, element) {
                    return this.optional(element) || /^\bcat\b$/.test(value);
                }, "type the correct answer -_-");

            // validate contact form
            $(function() {
                $('#contact').validate({
                    rules: {
                        name: {
                            required: true,
                            minlength: 2
                        },
                        email: {
                            required: true,
                            email: true
                        },
                        message: {
                            required: true
                        },
                        answer: {
                            required: false,
                            answercheck: false
                        }
                    },
                    messages: {
                        name: {
                            required: "Name required",
                            minlength: "At least 4 letters"
                        },
                        email: {
                            required: "Email required"
                        },
                        message: {
                            required: "Message required",
                            minlength: ""
                        },
                        answer: {
                            required: ""
                        }
                    },
                    submitHandler: function(form) {
                        $(form).ajaxSubmit({
                            type:"POST",
                            data: $(form).serialize(),
                            url:"process.php",
                            success: function() {
                                $('#contact :input').attr('disabled', 'disabled');
                                $('#contact').fadeTo( "fast", 0.3, function() {
                                    $(this).find(':input').attr('disabled', 'disabled');
                                    $(this).find('label').css('cursor','default');
                                    $('#success').fadeIn();
                                });
                            },
                            error: function() {
                                $('#contact').fadeTo( "fast", 1, function() {
                                    $('#error').fadeIn();
                                });
                            }
                        });
                    }
                });
            });
        </script>

jQuery.validator.addMethod（'answercheck'，函数（值，元素）{
返回此.optional（元素）| |/^\bcat\b$/.test（值）；
}，“键入正确答案-\”；
//验证联系人表单
$（函数（）{
$（“#联系人”）。验证({
规则：{
姓名：{
要求：正确，
最小长度：2
},
电邮：{
要求：正确，
电子邮件：真的
},
信息：{
必填项：true
},
答复:{
必填项：false，
回答：错
}
},
信息：{
姓名：{
必需：“名称必需”，
minlength：“至少4个字母”
},
电邮：{
必填：“需要电子邮件”
},
信息：{
必需：“需要消息”，
minlength:“
},
答复:{
必需：“”
}
},
submitHandler:函数（表单）{
$（表格）.ajaxSubmit({
类型：“POST”，
数据：$（表单）.serialize（），
url:“process.php”，
成功：函数（）{
$（'#contact:input'）.attr（'disabled'，'disabled'）；
$（'#contact'）.fadeTo（“fast”，0.3，function（）{
$（this.find（':input'）.attr（'disabled'，'disabled'）；
$（this.find（'label'）.css（'cursor'，'default'）；
$（'success'）.fadeIn（）；
});
},
错误：函数（）{
$（'#contact'）.fadeTo（“fast”，1，function（）{
$（“#错误”）.fadeIn（）；
});
}
});
}
});
});

---

谢谢，在此之前

您能否发布

[数据对话框联系人]

元素的html？另外，这是您自己的构造函数还是您正在使用的库的一部分？如果是，哪一个？用于[data dialog contact]元素的html:

您可以发布
[data dialog contact]
元素的html吗？另外，这是您自己的构造函数还是您正在使用的库的一部分？如果是，是哪一个？[data dialog contact]元素的html: