使用Asp.net验证的JQuery

时间:2010-06-30 20:47:42

标签: asp.net jquery validation fluentvalidation fluentvalidation-2.0

我有一个表单,显示一个asp.net网格,网格中列出了不同的人。 用户可以通过单击页面上的asp.net按钮将新用户添加到网格中:

<div id="content_button">
    <asp:Button ID="btnAddperson" runat="server"
CssClass="content_button"
        PostBackUrl="addperson.aspx" Text="Add
Person" 
        ToolTip="addPerson.aspx" />
</div>

单击此按钮时,将打开JQuery对话框:

        $(document).ready(function() {
    $('#content_button #ctl00_MainContent_btnAddPerson').each(function() {
            var $link = $(this);
            var $dialog = $('<div></div>')
        .load($link.attr('title') + ' #content_dialogBox')
        .dialog({
            autoOpen: false,
            title: $link.attr('value'),
            width: 500,
            beforeclose: function() { window.location = "ManagePeople.aspx" }
        });
            $link.click(function() {
                $dialog.dialog('open');

                return false;
            });
        });
    });

一切正常。但是,对话框表单上的某些字段必须经过验证。起初,我使用了asp.net必需的字段验证。出于某种原因,这不起作用。所以,我在代码隐藏中验证。验证工作(与所需的字段控件一样),但表单显示在它自己的窗口中,而不是在JQuery对话框中。有人可以告诉我我做错了什么。

注意:ManagePeople.aspx是包含网格的页面。单击addperson按钮后,将显示AddPerson.aspx中#content_dialogBox的内容。

1 个答案:

答案 0 :(得分:1)

您是否尝试过使用JQuery Validation插件进行客户端验证?另外,您使用什么进行服务器端验证。我希望它是FluentValidation。它让你的生活变得轻松。

http://docs.jquery.com/Plugins/Validation