Question

I am using jQuery 1.7.1, jQuery Validations plugin (http://docs.jquery.com/Plugins/Validation) 1.9.0, jQuery SimpleModal plugin (http://www.ericmmartin.com/projects/simplemodal/) 1.4.2 and jQuery qTip2 (http://craigsworks.com/projects/qtip2/).

I have a few forms that need to be opened in modal dialog boxes. Validations work when the modal dialog boxes are opened for the first time. However, when I close a dialog box and reopen it, the validations are not performed again.

I attach form validations using the onShow callback of the SimpleModal plugin (so they are applied every time the modal box is created, not just at page load).

See http://jsfiddle.net/NVvFh/22/ for a demo.

Do note that I have tried persist: true with SimpleModal. That creates other problems.

Any help on getting the validations to work every time with modal dialog boxes will be greatly appreciated.

Answer 1

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
});