如何使用 javascript 函数显示 asp.net 表单

Question

我在 asp.net 中制作了一个登录页面，因为我使用了一个来自

的模板

http://codepen.io/andytran/pen/PwoQgO

据我所知，asp.net 页面只能有一个带有 runat="server" 的表单标签 我想在这 2 个表单标签上编写一些功能背后的代码。

 <form runat="server" visible="true" id="form1"> 
       .....
</form>

<form runat="server" visible="false" id="form2">
        ........
</form>

我有这个 div 标签作为切换按钮

 <div class='switch' onclick="show();" >
<i class='fa fa-pencil fa-times' onclick="show()"></i>

我的 javascript 是：

   function show()
    {
        document.getElementById("form2").style.visibility = "visible";
    }

但此代码不起作用.. 请帮忙

Answer 1

在服务器上隐藏表单不会将其呈现给客户端。您需要将 CSS 设置为隐藏，以便显示。

<form style="display:none" />

和

..style.display="block"; 

并且很可能您的表单不会是 form1 和 form2，除非您将其设置为呈现静态 ID。