asp.net+jquery+jquery验证插件+updatepanel+nyromodal-每个字段都成功触发!

我有一个表单,其中包含用户用价格(数字)填充的输入字段列表。我已经将它们的CSS类设置为“必需”和“数字”,以便jquery验证插件相应地验证它们。所有这些都很好地工作。当每个字段不是数字或缺少值等时,将显示错误。

整个表单实际上在一个nyromodal(jquery插件)模型弹出窗口中。但这不重要,不管怎样,它只是一个.aspx Web表单。在这个过程中,我还使用了一个updatepanel并将所有内容都放在它里面,因为我的表单本质上是一个两阶段的过程。用户必须在表单的第一个“页面”上完成一些基本步骤。当验证和工作时,我只隐藏/显示updatepanel中的一些元素,向用户显示表单的下一个“页面”,即上面描述的所有价格文本框输入字段。

我正在使用ImageButton作为验证表单的触发点。默认情况下,如果您只保留一个imagebutton的原样,.net将触发一个回发,在我的例子中是ajax回发,因为它都发生在一个updatepanel中。这也是需要的。我不想要一个丑陋的完整的回邮,原因很明显。

在大量阅读之后,我需要一种方法以javascript的形式附加到.NET的pageRequestManager,以便在.NET想要进行回发时拦截,这取决于jquery是否成功验证了表单。所以我的逻辑是:默认情况下,不允许回发,但是当jquery成功地验证表单时,设置一个变量,该变量表示现在允许回发,那么下次回发尝试发生时,它将通过。从而向用户显示成功。

这是一种很好的工作方式,但还有一个最后的问题。

jquery验证插件的validate(success)选项似乎在每个字段(而不是整个表单)验证成功后错误触发。也就是说,如果我在任何一个价格输入字段中输入一个数字,这个成功选项将触发并将cancelPostback变量设置为false,这意味着表单现在提交,即使它还没有被验证,仅仅因为一个字段是有效的。我希望这个validate(success)选项只在整个表单被验证后触发。

我是否错误地解释了这一点,事实上,这是在做它的本意? 如果是这样的话,我怎样才能简单地将cancelPostback变量设置为true,只在整个表单被验证的时候?

感谢大家的洞察和关注。

我的jquery代码用于实现验证并拦截.NET回发事件,如下所示:

<script type="text/javascript">
    // By default, don't allow Postback until we've successfully validated our form on the client-side.
    var cancelPostback=true;

    // Every single time the page loads, including every single AJAX partial postback
    function pageLoad()
    {
        // Reset the value to say that "We don't allow Postbacks at this stage"..
        cancelPostback=true;

        // Attach client-side validation to the main form
        $("#<%= form1.ClientID %>").validate({ success: function() { alert('validation succeeded!'); cancelPostback = false; } });

        // Grab a reference to the Page Request Manager
        var prm = Sys.WebForms.PageRequestManager.getInstance();
        prm.add_initializeRequest(onEachRequest);

        alert("Page Load");
    }

    // Our own custom method to be attached to each new/future page request..
    function onEachRequest(sender, args)
    {
        alert("About to cancel? " + cancelPostback);
        // Check to see if we need to Cancel this Postback based on Conditional Logic within this page..
        args.set_cancel(cancelPostback);
    }
</script>