关闭并重新打开模式对话框后,jQuery验证插件无法与jQuery SimpleModal插件一起使用

时间:2012-01-19 16:47:32

标签: jquery simplemodal jquery-validate

我正在使用jQuery 1.7.1,jQuery Validations插件(http://docs.jquery.com/Plugins/Validation)1.9.0,jQuery SimpleModal插件(http://www.ericmmartin.com/projects/simplemodal /)1.4.2和jQuery qTip2(http://craigsworks.com/projects/qtip2/)。

我有一些需要在模态对话框中打开的表单。第一次打开模态对话框时,验证有效。但是,当我关闭对话框并重新打开它时,不会再次执行验证。

我使用SimpleModal插件的onShow回调附加表单验证(因此每次创建模态框时都会应用它们,而不仅仅是在页面加载时)。

请参阅http://jsfiddle.net/NVvFh/22/了解演示。

请注意我已尝试持久化:使用SimpleModal时为true。这会产生其他问题。

每次使用模态对话框获得验证的任何帮助都将非常感激。

1 个答案:

答案 0 :(得分:0)

jQuery(document).ready(function() {
    jQuery(".formLink").click(function() {
        jQuery("#formContainer").modal({
            containerId: "form-container",
            dataId: "form-data",
            onShow: function() {
                attachFormValidations();
            },
            opacity: 60,
            overlayClose: true,
            overlayId: "form-overlay",
        });
    });
    //attachFormValidations(); Remove this line
});