jQueryUI Dialog与标准表单验证插件集成;最佳实践/操作方法?

时间:2011-10-16 23:14:26

标签: jquery jquery-ui

我想使用标准将基本表单验证添加到UI对话框中。http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 这个调用在别处工作的地方(我不能让它在Dialog中工作)..     $( “#FY12-Q1-AM-ALL-ECMC-VML-ProfilingForm”)验证();

Dialog Submit似乎没有得到验证。你们用什么方法来解决这个问题?我认为它必须是一个相当常见的 -

感谢

$('#lowValueSurvey').dialog({
                autoOpen: false,
                modal: true,
                width: 900,
                resizable: false,
                show:"puff",
                hide:"puff",
                close:"puff",
                open: function(event, ui) {
                    performElqLookups('#FY12-Q1-AM-ALL-ECMC-VML-ProfilingForm');
                },
                buttons: {
                    'Submit': function() {
                        $("#FY12-Q1-AM-ALL-ECMC-VML-ProfilingForm").validate();
                        $.ajax({
                                    type: "POST",
                                    async: false,
                                    url:  $("#FY12-Q1-AM-ALL-ECMC-VML-ProfilingForm").attr('action'),
                                    data: $("#FY12-Q1-AM-ALL-ECMC-VML-ProfilingForm").serialize()
                                });
                        setCookie(lowValueCookieName, -1, 1000);
                        $(":button:contains('Submit')").hide();
                        $("#lowValueSurvey").load('/longstoryshort/forms/confirmation.html');
                        $("#lowValueSurvey").dialog({
                                    close: {effect: "fadeOut", duration: 5000}
                                });
                    }
                }
            });

1 个答案:

答案 0 :(得分:0)

我相信validate只会初始化验证。您必须调用.valid()来检查验证。你可以尝试做返回false;如果.valid()返回false,则停止函数传播。