使用Vb.NET和Jquery登录ASP.NET

使用Vb.NET和Jquery登录ASP.NET,jquery,css,asp.net,vb.net,servercontrols,Jquery,Css,Asp.net,Vb.net,Servercontrols,目前,我只知道VB.NET;不过,我正在学习ASP.NET、HTML、CSS和JQuery。。。 我的网络表单的前几个目标是: 用户输入用户名和密码 用户单击登录按钮 如果数据库中有用户名和密码,则 隐藏用户名,密码标签和文本框(登录容器)并显示一些内容 ElseLabelError.Visible=true“用户名/密码不匹配!” 因此,我已经让登录工作正常,但我不知道如何才能正确隐藏登录表单的元素和控件,而不破坏我在CSS中创建的样式,例如背景图像。是否可以在vb代码后面编写代码并使用一

目前,我只知道VB.NET;不过,我正在学习ASP.NET、HTML、CSS和JQuery。。。 我的网络表单的前几个目标是:

  • 用户输入
    用户名
    密码
  • 用户单击登录
    按钮
  • 如果数据库中有
    用户名
    密码
    ,则
  • 隐藏
    用户名
    密码
    标签和
    文本框
    登录容器
    )并显示一些内容
  • Else
    LabelError.Visible=true
    “用户名/密码不匹配!”
因此,我已经让登录工作正常,但我不知道如何才能正确隐藏登录表单的元素和控件,而不破坏我在CSS中创建的样式,例如背景图像。是否可以在vb代码后面编写代码并使用一些jQuery

我试着加上

<div id="LoginContainer" runat="server">
页面标记

用户名/密码不匹配。
在这里写或放一些很棒的东西

在这方面也是如此

这部分也是

我的
Login\u容器
内容
div
标记具有通过CSS关联的
背景图像
声明


我的问题是,当我在代码隐藏中将控件的
visible
属性设置为false时,
背景图像
样式也不可见

请查看内置的ASP.NET登录控件以确保安全性

以下是一段视频,介绍了您可以使用的功能:


很抱歉,我没有时间早点解决这个问题,我正要去上班。答案其实很简单,;不过,这在很大程度上取决于项目约束

runat=server
控件包装在
div
标记中,并对其应用样式声明

<div id="ContentWrapper">
    <div id="Contents" runat="server">
        <p> Wrote or put something awesome right here</p>
        <p> Also on this part</p>
        <p> And this part too.</p>
    </div>
 </div>
,然后将
Content
中HTMLControl(也称为段落标记)的所有
Visible
属性设置为
false

'Optionally: add a private function that takes a ByRef parameter
Private Sub DisableControl(ByRef ctrl as System.Web.UI.HtmlControls.HtmlControl) 'I'm specifying fully qualified namespace to class for reference purposes..
    ctrl.Visible = false
End Sub


'Replace: `Contents.Visible = True` Line in Button1_Click
For Each ctrl As HtmlControl In Contents.Controls.OfType(of HtmlControl)
    DisableControl(ctrl)
Next

常见的登录逻辑是“如果成功登录”,然后重定向到一个新的(受保护的)页面,没有人在同一个登录页面中使用“隐藏”和“显示”内容。但无论如何,“它破坏了我的设计”是什么意思?我在我的stylesheet.css中的元素中插入了一个背景图像。当我尝试添加runat=“server”时“并在页面中将其编码为Visible=true背景图像未显示。我编辑您的请求。”。。做了一些重新格式化和重新措辞。。但我没有消除这种情绪,“我不知道如何隐藏我的登录表单的元素和控件”。。似乎应该删除或重新措辞。。你正在做这件事,这在你的问题陈述中有所说明。你的意思是“正确地”隐藏它吗。。(根据您在设计方面的问题)…是的,很抱歉语法错误。是的,正确地隐藏它,因为当我隐藏元素或控件时,它会删除我在CSS样式表中插入的背景图像。我将如何防止这种情况发生?
<div id="ContentWrapper">
    <div id="Contents" runat="server">
        <p> Wrote or put something awesome right here</p>
        <p> Also on this part</p>
        <p> And this part too.</p>
    </div>
 </div>
div#ContentWrapper {
    display:block;
    padding:0;
    margin:0 auto;
    border:0;
    background-image: url('<uri>');
    background-position: 100% auto;
    position:relative;
    overflow:visible;
  }
<div id="Contents" runat="server">
<p runat="server"> Wrote or put something awesome right here</p>
<p runat="server"> Also on this part</p>
<p runat="server"> And this part too.</p>
</div>
'Optionally: add a private function that takes a ByRef parameter
Private Sub DisableControl(ByRef ctrl as System.Web.UI.HtmlControls.HtmlControl) 'I'm specifying fully qualified namespace to class for reference purposes..
    ctrl.Visible = false
End Sub


'Replace: `Contents.Visible = True` Line in Button1_Click
For Each ctrl As HtmlControl In Contents.Controls.OfType(of HtmlControl)
    DisableControl(ctrl)
Next