---------------------------------学霸，学神，大牛，hacker请绕道de分割线-----------------------------------------------------------------------

　　嗯，这个可能比较简单，原谅我这个学弱第一次做.net还查了好久的资料，所以贴出来，避免大家再走弯路了。

　　因为html的button按钮不是服务器端控件，所以得做如下改变才能跳转到后台。

   <button type="submit"  runat="server" onserverclick="Login" >登录</button>

前台 login.aspx的代码

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="admin_index" %>        <!-- 这一行记得要变-->

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html lang="en" class="no-js">

     <head>

         <meta charset="utf-8">

         <title>homepage 后台登录</title>

         <meta name="viewport" content="width=device-width, initial-scale=1.0">

         <meta name="description" content="">

         <meta name="author" content="">

         <!-- CSS -->

         <link rel="stylesheet" href="assets/css/reset.css">

         <link rel="stylesheet" href="assets/css/supersized.css">

         <link rel="stylesheet" href="assets/css/style.css">

         <!-- HTML5 shim, for IE6- support of HTML5 elements -->

         <!--[if lt IE ]>

             <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

         <![endif]-->

     </head>

     <body>

         <div class="page-container">

             <h1>教师主页后台登录</h1>

             <form id="form"  runat="server" method="post">

                 <input type="text" name="username"  placeholder="用户名"/>

                 <input type="password" name="password"  placeholder="密码"/>

                 <button type="submit"  runat="server" onserverclick="Login" >登录</button>             <!-- -->

                 <!--

                     <asp:Button ID="Button" runat="server"  Text="登  录" OnClick="Login" />

                 //-->

                 <div class="error"><span>+</span></div>

             </form>

         </div>

         <!-- Javascript -->

         <script src="assets/js/jquery-1.8.2.min.js"></script>

         <script src="assets/js/supersized.3.2.7.min.js"></script>

         <script src="assets/js/supersized-init.js"></script>

         <script src="assets/js/scripts.js"></script>

     </body>

 </html>

　　　前台做好后，就是从后台去html标签的值了，用Request.Form["username"]根据其name属性去取值。然后如果用户名密码正确则跳转页面并在session中放入一个值，若不正确，弹出提示。

后台login.aspx.cs代码

 using System;

 using System.Collections.Generic;

 using System.Web;

 using System.Web.Security;

 using System.Web.UI;

 using System.Web.UI.WebControls;

 public partial class admin_index : System.Web.UI.Page

 {

     protected void Page_Load(object sender, EventArgs e)

     {

     }

     protected void Login(object sender, EventArgs e)

     {

         if (Request.Form["username"] == "123456" && Request.Form["password"] == "123456")

         {

             // FormsAuthentication.RedirectFromLoginPage(user, true);//使用.net的Security机制

             Session["login"] = "OK";                      //随意在session中放入一个值

             Response.Redirect("~/admin/Paper.aspx");

         }

         else

         {

             Response.Write("<script>alert('请输入正确的用户和密码！');</script>");

         }

     }

 }

下来就做后台验证，就是如果没有登录就不能做相关的操作。

后台Honor.asp.cs代码（登录后随意的一个页面的后台）

 using System;

 using System.Collections.Generic;

 using System.Linq;

 using System.Web;

 using System.Web.UI;

 using System.Web.UI.WebControls;

 public partial class Honor : System.Web.UI.Page

 {

     protected void Page_Load(object sender, EventArgs e)

     {

         if (Session["login"] == null || Session["login"].ToString() == "" && Session["login"].ToString() != "OK")

         {

             Response.Write("<script>alert('没有登录，请登录');window.top.location.href='/Login.aspx';</script>");

         }

     }

 }

上面通过对session中值的判断来判断用户是否登录。

这个验证方式比较简单，本来楼主想使用.net的Security机制，可是不会，就只好用这个了，所以有会的同学可以教我一下嘛哈哈！

.net 后台中对html标签按钮跳转后台以及后台简单验证的更多相关文章

  1. 使用mui框架后a标签无法跳转

    由于最近工作项目上使用到前台mui框架,笔者在将H5转换为jsp时,遇见各种各样问题,原因归结为对mui框架不熟悉,今天就遇见一个特别奇怪的问题,界面中超链接<a>标签无法跳转,笔者试着添 ...

  2. 实现a标签按钮完全禁用

    前言 最近在开发时遇见一个问题 我们知道a标签的disabled属性部分浏览器支持,但是尽管设置了disabled属性也无法阻挡任何鼠标经过或是点击事件的,那么如何实现a标签按钮的禁用呢? 转换一下思 ...

  3. 解决MUI阻止a标签默认跳转事件—方法总结

    用过mui的小伙伴们一定不会陌生,有时候真的很烦mui本身会阻止a标签默认跳转.一般只要用了mui的ui组件,比如头部,底部或者弹框,你就不能在用a标签进行跳转了. 注:项目中引用了mui后,可能也会 ...

  4. Chrome升级后打开新的标签页变样了……

    最近更新Chrome后,打开新的标签页完全变样了,让人不知所措,特别是没有了那个“最近关闭标签页”按钮,这让我抓狂…… PS:Chrome版本号为:29.0.1547.76 m PPS:最新版已无法修 ...

  5. 用select标签实现跳转

    用select标签实现跳转 一.用select标签实现跳转JavaScript代码 我们经常有遇到需要用select标签跳转到新网页的情况,dw生成的代码太复杂,那么有没有精简的代码得以实现呢?经过仔 ...

  6. html 按钮跳转问题（及其相关）

    1.点击一个按钮跳转到另一个页面 (网址)   两种写法: <button onclick="{location.href='location.html'}">获取现在 ...

  7. 使用Android点击按钮跳转页面

    1.首先新建一个Android工程,命名为MyApp(名字可以自己随意起); 2.以原有的MainActivity.java文件为登录界面,然后在src文件中的包上面右击选择New目录下的Other中 ...

  8. 点击a标签，跳转到iframe中，并在iframe中显示指定的页面

    点击a标签,跳转到iframe中,并在iframe中显示指定的页面 1.用a标签的target属性 <iframe id="myFrameId" name="myF ...

  9. C# winform解决解决窗体第一次设置为最大化后，点击最大化按钮窗体无法居中问题

    public frmMain() { InitializeComponent(); //解决窗体第一次设置为最大化后,点击最大化按钮窗体无法居中问题 int x = Convert.ToInt32(( ...

随机推荐

  1. 【JavaScript】谈谈Google Polymer以及Web UI框架的未来

    摘要:开发者Axel Rauschmayer在自己的博客上详解了Google Polymer的设计理念与组成架构,深得Polymer开发者的认同.他认为Polymer这样高互操作性的设计才应该是Web ...

  2. iOS CocoaPods安装和使用图解

    Cocoapods安装步骤 1.升级Ruby环境 sudo gem update --system 如果Ruby没有安装,请参考 如何在Mac OS X上安装 Ruby运行环境 2.安装CocoaPo ...

  3. javascript实现单例模式

    1.简单实现单例模式: var singleTon = function(){ var _pria = 'private value'; var show_pria = function(){ con ...

  4. memmove和memcpy

    1.memmove 函数原型:void *memmove(void *dest, const void *source, size_t count) 返回值说明:返回指向dest的void *指针 参 ...

  5. 判断null

    var tmp = this.pullDown.getValue();   if(!tmp && typeof(tmp)!="undefined" &&am ...

  6. 解决Intellij IDEA 通过archetype创建Maven项目缓慢的问题

    1.由于默认情况下,根据archetype创建maven项目会从网络下载catalog文件,导致创建maven项目缓慢 Searching for remote catalog: http://rep ...

  7. #maven解决乱码问题

    <build>        <plugins>        <plugin>        <groupId>org.apache.maven.pl ...

  8. js正则表达式验证账号手机号电话邮箱

    1.账号 规则:字母.数字.下划线组成,字母开头,4-16位. 表达式:/^[a-zA-z]\w{3,15}$/: 2.手机号 规则:11位数字,以1开头 表达式:/^1\d{10}$/ 3.电话号码 ...

  9. ImageView的Scaletype

    ImageView的Scaletype决定了图片在View上显示时的样子,如进行何种比例的缩放,及显示图片的整体还是部分,等等. 设置的方式包括: 1. 在layout xml中定义android:s ...

  10. 通过UIBezierPath贝塞尔曲线画圆形、椭圆、矩形

    /**创建椭圆形的贝塞尔曲线*/ UIBezierPath *_ovalPath=[UIBezierPath bezierPathWithOvalInRect:CGRectMake(, , , )]; ...