ASP.NET Форма

[netcat-na-diary]

Форма такого вида



Изначально отображается только кнопка "Добавить", при клике на эту кнопку отображается форма, к полям формы подключены валидаторы.

        <asp:Button ID="AddButton" runat="server" Text="Добавить" OnClick="AddButton_Click" UseSubmitBehavior="False" CausesValidation="False" />

        <asp:PlaceHolder ID="PlaceHolder1" runat="server" Visible="false">
        <table>
            <tr>
                <td>Название фильма: </td>
                <td>
                    <asp:TextBox ID="FilmTitle" runat="server"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*Введите название фильма" ControlToValidate="FilmTitle" CssClass="error" Display="Dynamic"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>Год: </td>
                <td>
                    <asp:TextBox ID="Year" runat="server"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*Введите год выпуска" ControlToValidate="Year" CssClass="error" Display="Dynamic"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ErrorMessage="*Введите год" CssClass="error"  ControlToValidate="Year" ValidationExpression="^(0)$|^([1-9][0-9]*)$" Display="Dynamic"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td>Режиссер: </td>
                <td>
                    <asp:TextBox ID="Director" runat="server"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="*Введите имя режиссера" Display="Dynamic" CssClass="error" ControlToValidate="Director"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>Краткое описание: </td>
                <td>
                    <asp:TextBox ID="ShortDescription" runat="server" TextMode="MultiLine" Wrap="True"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="*Введите краткое описание фильма" Display="Dynamic" CssClass="error" ControlToValidate="ShortDescription"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <asp:Button ID="SaveButton" runat="server" Text="Сохранить" />
                </td>
            </tr>
        </table>
    </asp:PlaceHolder>

Для того, чтобы кнопка AddButton отвечала только за отображение/скрытие формы, к ней добавляются атрибуты
UseSubmitBehavior="False" кнопка становится type="button"
CausesValidation="False" при клике на кнопку НЕ происходит валидация

Контрол для кнопки AddButton

        protected void AddButton_Click(object sender, EventArgs e)
        {
            if (PlaceHolder1.Visible == false)
            {
                PlaceHolder1.Visible = true;
            }
            else
            {
                PlaceHolder1.Visible = false;
            }
        }

То же самое через Javasсript

Кнопка AddButton

<asp:Button ID="AddButton" runat="server" Text="Добавить" OnClientClick="return SwitchTable();" UseSubmitBehavior="False" CausesValidation="False" />

Положить форму в таблицу

<table id="AddForm" style="display: none;">...</table>

Скрипт

    <sсript type="text/javasсript">
    function SwitchTable() {
        var table = document.getElementById("AddForm");
        if (table != null) {
            if (table.style.display == "none") {
                table.style.display = "table";
            }
            else {
                table.style.display = "none";
            }
        }
        return false;
    }
    </sсriрt>