Javascript 无法与asp.net服务器对话_Javascript_Asp.net_Webforms_Iui

Javascript 无法与asp.net服务器对话

javascript asp.net

Javascript 无法与asp.net服务器对话,javascript,asp.net,webforms,iui,Javascript,Asp.net,Webforms,Iui,完全是n00b问题，我正在创建我的第一个ASP.NET网站，使用IUI框架使iPhone看起来更漂亮如何连接白色按钮，以便在数据库中验证用户和密码？如果密码正确，我如何让浏览器转到其他窗口… 如何在当前页面上附加“密码不正确”之类的消息？默认情况下，我是一名c#程序员，完全迷失在这个新领域。请不要，我不能做一个，它似乎与IUI不起作用掌握 <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.

完全是n00b问题，我正在创建我的第一个ASP.NET网站，使用IUI框架使iPhone看起来更漂亮

如何连接白色按钮，以便在数据库中验证用户和密码？

如果密码正确，我如何让浏览器转到其他窗口…

如何在当前页面上附加“密码不正确”之类的消息？

默认情况下，我是一名c#程序员，完全迷失在这个新领域。请不要，我不能做一个，它似乎与IUI不起作用

掌握

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Cover_Plus.SiteMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <meta name="viewport" id="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0" />
    <link href="iui/iui.css" rel="stylesheet" type="text/css" />
    <link title="default" href="iui/t/default/default-theme.css" rel="stylesheet" type="text/css" />
    <script type="application/x-javascript" src="iui/iui.js"></script>

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="apple-touch-icon" href="img/touch-icon-iphone.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="img/touch-icon-ipad.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="img/touch-icon-iphone4.png" />
    <link rel="apple-touch-startup-image" href="img/startup.png" />

    <asp:ContentPlaceHolder ID="HeadContent" runat="server"> </asp:ContentPlaceHolder>
</head>
<body>
    <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
</body>
</html>

更新：

<div class="toolbar">
    <h1 id="pageTitle">Login</h1>
</div>

<div id="pnlLogin" class="panel" selected="true" >
    <h2>Login Details</h2>
    <form ID="fLogin" runat="server" class="panel" selected="true" > 
        <fieldset>
            <div class="row">
                <label>Name</label>
                <asp:TextBox id="txtUserName" runat="server" placeholder="Your username" />
            </div>
            <div class="row">
                <label>Password</label>
                <asp:TextBox id="txtPassword" textmode="Password" runat="server" placeholder="Your password" />
            </div>
        </fieldset>
        <asp:LinkButton id="btnLogin" class="whiteButton" text="Log me in!" runat="server" onclick="Login_Clicked" />
    </form> 
</div>

我认为截图可能会有帮助

问题是“whitebutton”似乎是我必须使用的，它不像asp.net服务器端的按钮，因此我不能简单地双击来连接click事件

我尝试了Humpty Dumptys方法，但它根本没有在我的.CS文件中调用Verify（）方法。我尝试使用onclick=“Login（）；”而不是Javascript:Login（）；两者都不起作用

更新2：

在底部工作，但只要我替换文本框的输入，就会看到发生了什么

非常感谢

最终解决方案：

<div class="toolbar">
    <h1 id="pageTitle">Login</h1>
</div>

<div id="pnlLogin" class="panel" selected="true" >
    <h2>Login Details</h2>
    <form ID="fLogin" runat="server" class="panel" selected="true" > 
        <fieldset>
            <div class="row">
                <label>Name</label>
                <asp:TextBox id="txtUserName" runat="server" placeholder="Your username" />
            </div>
            <div class="row">
                <label>Password</label>
                <asp:TextBox id="txtPassword" textmode="Password" runat="server" placeholder="Your password" />
            </div>
        </fieldset>
        <asp:LinkButton id="btnLogin" class="whiteButton" text="Log me in!" runat="server" onclick="Login_Clicked" />
    </form> 
</div>


登录
登录详细信息
名称
密码

表单基本上用“class=panel”修饰，asp:style控件用于连接后端。您必须验证

按钮上的用户详细信息单击事件
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
   <fieldset>
        <div class="row">
            <label>Name :</label>            
            <asp:TextBox ID="txbUserName" runat="server"></asp:TextBox>
        </div>
        <div class="row">
            <label>Password :</label>
            <asp:TextBox ID="txbPassword" runat="server"></asp:TextBox>
        </div>
        <div class="row">
            <asp:Button ID="btnLogin" runat="server" Text="Button" CssClass ="whiteButton" 
                onclick="btnLogin_Click" />
            <asp:Label ID="lblError" runat="server" Text="Label"></asp:Label>
        </div>
    </fieldset>

</asp:Content>

如果您有一个数据库字段，用于用户名
和密码
，则可以创建一个函数，该函数接受用户名和密码，并根据数据库进行验证
在你的按钮点击事件中，你可以做类似的事情
var status = verifyUser(username,password);//might return Boolean value 
if(!status)
      somelable.text = "username or password incorrect";
else
     // do something - redirect to some page may be

另外，请阅读本文，了解您是否愿意使用asp.net成员资格提供程序，以及

如果用还是不懂
修改您的代码类似于此
你的正面
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
   <fieldset>
        <div class="row">
            <label>Name :</label>            
            <asp:TextBox ID="txbUserName" runat="server"></asp:TextBox>
        </div>
        <div class="row">
            <label>Password :</label>
            <asp:TextBox ID="txbPassword" runat="server"></asp:TextBox>
        </div>
        <div class="row">
            <asp:Button ID="btnLogin" runat="server" Text="Button" CssClass ="whiteButton" 
                onclick="btnLogin_Click" />
            <asp:Label ID="lblError" runat="server" Text="Label"></asp:Label>
        </div>
    </fieldset>

</asp:Content>

您必须验证按钮上的用户详细信息单击事件
如果您有一个数据库字段，用于用户名
和密码
，则可以创建一个函数，该函数接受用户名和密码，并根据数据库进行验证
在你的按钮点击事件中，你可以做类似的事情
var status = verifyUser(username,password);//might return Boolean value 
if(!status)
      somelable.text = "username or password incorrect";
else
     // do something - redirect to some page may be

另外，请阅读本文，了解您是否愿意使用asp.net成员资格提供程序，以及

如果用还是不懂
修改您的代码类似于此
你的正面
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
   <fieldset>
        <div class="row">
            <label>Name :</label>            
            <asp:TextBox ID="txbUserName" runat="server"></asp:TextBox>
        </div>
        <div class="row">
            <label>Password :</label>
            <asp:TextBox ID="txbPassword" runat="server"></asp:TextBox>
        </div>
        <div class="row">
            <asp:Button ID="btnLogin" runat="server" Text="Button" CssClass ="whiteButton" 
                onclick="btnLogin_Click" />
            <asp:Label ID="lblError" runat="server" Text="Label"></asp:Label>
        </div>
    </fieldset>

</asp:Content>

您正在使用的WebForms通常具有页面宽度
。这通常被定义为母版页的一部分（~/Site.master
，在您的情况下），并且通常可以在
标记后面的几行中找到
如果您的站点有此表单，则通过服务器端控件（标有runat=“server”
）处理与服务器的通信：
您正在使用的WebForms通常具有页面宽度
。这通常被定义为母版页的一部分（~/Site.master
，在您的情况下），并且通常可以在
标记后面的几行中找到
如果您的站点有此表单，则通过服务器端控件（标有runat=“server”
）处理与服务器的通信：
是否要根据数据库验证用户？？您是否使用asp.net成员资格提供商？您好，是的，数据库在服务器上，我可以处理所有这些问题，我只是不知道如何从客户端到服务器来回切换，以及如何从服务器访问用户名和密码。你读过关于的教程吗？jrummel：在我问这个问题之前，我试着浏览了很多网站好几个小时。但是谢谢，我会看一下你的链接，以后可能会对我有所帮助。@MuhammadA:你应该在代码中使用asp.net控件。例如，您似乎正在尝试在客户端验证用户是否要根据您的数据库验证用户？？您是否使用asp.net成员资格提供商？您好，是的，数据库在服务器上，我可以处理所有这些问题，我只是不知道如何从客户端到服务器来回切换，以及如何从服务器访问用户名和密码。你读过关于的教程吗？jrummel：在我问这个问题之前，我试着浏览了很多网站好几个小时。但是谢谢，我会看一下你的链接，以后可能会对我有所帮助。@MuhammadA:你应该在代码中使用asp.net控件。例如，您似乎试图在客户端验证用户，我是否将此代码放入页面顶部的脚本部分？verifyUser（）应该在后端cs文件中？最好创建一个单独的类来访问数据，在这里可以创建validateuser并在后端调用它。我是否将此代码放入页面顶部的脚本部分？verifyUser（）应该在后端cs文件中？最好创建一个单独的类来访问数据，在这里可以创建validateuser，并且可以在后端调用它。不幸的是，当我在页面中添加一个时，它会把整个事情搞砸，正如IUI教程中我使用的“whitebutton”代码。@MuhammadA您可以使用CssClass
属性--CssClass=“whitebutton”
在按钮上设置它。但是，您可能还想特别使用
——它将作为
而不是
@MuhammadA发送到浏览器。此外，请确保
未在~/Site.master
母版页中定义。如果是，则在当前页面中使用它（如“更新2”所示