Множественные формы сервера runat в asp.net

Question

Помогите!

У меня есть логин и html-форма регистрации, каждая из которых переключается при нажатии на соответствующие ссылки в самой форме, и нет события обратной передачи или обновления страницы.

проблема asp.net не позволяет мне иметь две формы runat=server. я могу получить доступ к полям ввода форм.

я добавил asp:Button вместо input type="submit" в формах, чтобы получить доступ к методам onclick, но опять же asp.net не позволяет мне добавлять кнопку asp (управление на стороне сервера) при удалении runat=" сервер "из любой из форм, имеющих эту кнопку asp!

Вопрос:

Как я могу получить доступ к кнопке отправки форм, чтобы я мог выполнить необходимый код за операциями для регистрации и входа

Есть ли способ достичь моей цели? (может быть какой-то способ скрыть одну из форм при запуске и показать ее при нажатии на ссылку переключения)

Вот форма входа в систему

Код:

<div>
<header>

        </header>
        <section>               
            <div id="container_demo" >

                <a class="hiddenanchor" id="toregister"></a>
                <a class="hiddenanchor" id="tologin"></a>
                <div id="wrapper">
                    <div id="login" class="animate form">
                        <form id="form1"  action="#" runat="server" > 
                            <h1>Log in</h1> 
                            <p> 
                                <label for="username" class="uname" data-icon="u" > Your email </label>
                                <input id="username" name="username" runat="server" required="required" type="text" placeholder="myusername or [e-mail]"/>
                            </p>
                            <p> 
                                <label for="password" class="youpasswd" data-icon="p"> Your password </label>
                                <input id="password" name="password" runat="server" required="required" type="password" placeholder="eg. X8df!90EO" /> 
                            </p>
                            <p class="keeplogin"> 
                                <input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> 
                                <label for="loginkeeping">Keep me logged in</label>
                            </p>
                            <p class="login button">
                                <asp:Button Text="Submit" runat="server" OnClick="Submit" /> 
                                <!--<input type="submit" value="Login" />--> 
                            </p>
                            <p class="change_link">
                                Not a member yet ?

                                <a href="#toregister" class="to_register">Join us</a>             //toggle link
                            </p>
                        </form>
                    </div>

                    <div id="register" class="animate form">
                        <form id="form2" action="#" runat="server" > 
                            <h1> Sign up </h1> 
                            <p style="margin-top:4px;margin-bottom:2px;"> 
                                <label for="usernamesignup" class="uname" data-icon="u">Your username</label>
                                <input id="usernamesignup" name="usernamesignup" runat="server" required="required" type="text" placeholder="mysuperusername690" />
                            </p>
                            <p style="margin-top:4px;margin-bottom:2px;"> 
                                <label for="emailsignup" class="youmail" data-icon="e" > Your email</label>
                                <input id="emailsignup" name="emailsignup" runat="server"  required="required" type="email" placeholder="[e-mail]"/> 
                            </p>
                            <p style="margin-top:4px;margin-bottom:2px;"> 
                                <label for="passwordsignup" class="youpasswd" data-icon="p">Your password </label>
                                <input id="passwordsignup" name="passwordsignup" runat="server" required="required" type="password" placeholder="eg. X8df!90EO"/>
                            </p>
                             <p style="margin-top:4px;margin-bottom:2px;"> 
                                <label for="mob1" class="uname" data-icon="u">Your mob no.</label>
                                <input id="mob" name="mob" runat="server" required="required" type="text" placeholder="9450.." />
                            </p>

                            <p class="signin button"> 
                                 <asp:Button Text="Submit" runat="server" OnClick="Submitr" />
                                <!--<input type="submit" value="Sign up"/> -->
                            </p>
                            <p class="change_link">  
                                Already a member ?
                                <a href="#tologin" class="to_register"> Go and log in </a>          //toggle link
                            </p>
                </form>
                    </div>

                </div>
            </div>  
        </section>





</div>

Answer 1

Хорошо, наконец, я получил это после применения моих мозгов!

вот что я сделал:

примененные кнопки asp на обеих сторонах сервера

в форме регистрации:

<asp:Button Text="tologin" runat="server" OnClick="changetologin" ForeColor="#1DA2C1" BackColor="#F7F8F1" /> 

в форме входа в систему:

<asp:Button Text="Join us"  runat="server" OnClick="changetosignup" ForeColor="#1DA2C1" BackColor="#F7F8F1" />

при загрузке страницы:

protected void Page_Load(object sender, EventArgs e)
{
    if (Session["form2"] == null && Session["form1"] == null) //show login hide signup
    {
        form1.Visible = true;
        form2.Visible = false; 

    }


    if (Session["form2"] != null && Session["form1"]==null ) //show signup hide login
    {
        form1.Visible = false;
        form2.Visible = true;
        Session["form2"] = null;
    }
    if (Session["form1"] != null && Session["form2"] == null)     //show login hide signup
    {
        form1.Visible = true;
        form2.Visible = false;
        Session["form1"] = null;
    }

}

при регистрации нажмите на кнопку переключения:

protected void changetologin(object sender, EventArgs e)
{

    Session["form1"] = "clicked";

    Response.Redirect("#tologin");

}

при входе в систему при нажатии кнопки переключения:

 protected void changetosignup(object sender, EventArgs e)
{
    Session["form2"] = "clicked";

     Response.Redirect("#toregister");


}

Вкратце:комбо формы видимого свойства и переменной сеанса сделали свое дело!!