用户登陆验证 - 琥珀玲珑

---恢复内容开始---

实验主要操作步骤：

1、启动VS2010，新建ASP.NET空网站，语言为C#，将网站保存到磁盘上。

2、在网站根目录上单击鼠标右键选“添加新项”，添加login.aspx文件。

3、在login.aspx的[设计]视图中，插入表格：2行1列，居中对齐，寸距和间距均为0，宽度为400px，边框为1px的灰色。

4、设置第一个单元格的BgColor为淡蓝色，Height为30px。

5、设置第2个单元格的Align为center，Height为200px，Valign为top。

6、添加TextBox、Label和Button控件，设计页面效果如下图所示。

7、打开login.aspx.cs文件，编写一个用户自定义的函数creatRandomCode()用来产生随机数，以及页面的Page_Load()事件

var sm = 10;

function enable_it()

{ // alert("尝试了3次...\n登陆功能被锁定，请10秒钟后尝试！");

setTimeout("location='Default.aspx';", (sm) * 1000);

setInterval("f();", 1000); }

function f()

{ document.getElementById("Label2").innerText = "登陆被锁定，【" + sm + "】秒后，可重新尝试！"; sm--; }

</script> </head>

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

{ protected void Page_Load(object sender, EventArgs e)

{ if (!IsPostBack)

{ TextBox1.Enabled = TextBox2.Enabled = Button1.Enabled = true;

i = 0;

} }

static int i = 0;

protected void Button1_Click(object sender, EventArgs e)

{ string name = TextBox1.Text.Trim();

string password = TextBox2.Text.Trim();

Boolean ok1 = string.IsNullOrEmpty(name);

Boolean ok2 = string.IsNullOrEmpty(password);

if (ok1) { Label1.Text = "填写不完整！";

TextBox1.Text = TextBox2.Text = "";

TextBox1.Focus(); return; }

i++;

if (name == "ffc")

{ if (password == "123")

{ Label1.Text = "<h1>欢迎FFC光临！</h1>";

Button1.Enabled = false; }

else { Label1.Text = "密码错误，请核对..." + "剩【" + (3 - i).ToString() + "】次机会！"; } }

else { Label1.Text = "用户名错误，请核对..." +"剩【"+(3-i).ToString()+"】次机会！"; }

if (i == 4) { TextBox1.Enabled = TextBox2.Enabled = Button1.Enabled = false;

Label1.Text = ""; Page.RegisterClientScriptBlock("ffc", "<script type='text/javascript'>enable_it();</script>");

//return; }

} }

10、运行网页得到下图所示效果

ctrl+F5

posted on 2013-10-30 13:25 琥珀玲珑阅读(173) 评论(0) 收藏举报