Asp .net验证器,不改变样式

时间:2014-03-19 10:17:05

标签: javascript jquery asp.net

我使用asp .net创建了一个设计。单击提交按钮时,将出现验证器消息,但样式已更改。我已经看到"必需"关键字用于在php中显示验证器消息,它不会改变任何样式。是否可以在asp .net中使用这样的验证器?

我试过了:

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="RequiredFieldValidator" ControltoValidate"Control Name"></asp:RequiredFieldValidator>

但是我需要弹出错误信息。

2 个答案:

答案 0 :(得分:0)

根据您的问题,我相信您正在寻找ASP.net中的验证示例。

请参阅下面的简单示例:

<head runat="server">
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>
    <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/Blitzer/jquery-ui.css"
        rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">

        <script type="text/javascript">
            function WebForm_OnSubmit() {
                if (typeof (ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) {
                    $("#validation_dialog").dialog({
                        title: "Validation Error!",
                        modal: true,
                        resizable: false,
                        buttons: {
                            Close: function () {
                                $(this).dialog('close');
                            }
                        }
                    });
                    return false;
                }
                return true;
            }
        </script>
        Name:
    <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" Display="None" ControlToValidate="txtName"
            runat="server" ErrorMessage="Name is required."></asp:RequiredFieldValidator>
        <br />
        Email:
    <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" Display="None" ControlToValidate="txtEmail"
            runat="server" ErrorMessage="Email is required."></asp:RequiredFieldValidator>
        <br />
        <br />
        <asp:Button ID="Button1" runat="server" Text="Submit" />
        <div id="validation_dialog" style="display: none">
            <asp:ValidationSummary ID="ValidationSummary1" runat="server" />
        </div>
    </form>
</body>

答案 1 :(得分:0)

你需要

  1. ShowMessageBox="true"控件中设置ValidationSummary;
  2. Display="none"控件中设置RequiredFieldValidator;
  3. 示例:

    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="RequiredFieldValidator" ControltoValidate"Control Name" Display="none" />
    
    <asp:ValidationSummary ID="MyValidationSummary" runat="server"
                       ShowMessageBox="true"
                       ShowSummary="false" />