注册界面中水印文本框的使用(结合LINQ+AJAX)

在开发AJAX校内数码相册程序的注册功能界面功能时,对于注册信息的添加应用了水印文本框(TextBoxWatermarkExtender)让TextBox拥有水印文字效果,另外,通过LINQ to SQL将其注册信息存储到数据库中。本实例运行结果如图所示。

 

 

 

水印文本框(TextBoxWatermark扩展控件)可以为TextBox服务器端控件添加水印效果。打开网页,文本框内将显示水印提示内容,当在文本框内单击鼠标时水印文字将立即消失,即变成空白文本框,用户随即可以输入数据。这样的做法,不仅可以让输入界面更加实用同时可以避免误操作,而且会更具亲合力。TextBoxWatermark扩展控件的常用属性如表所示。

1)新建一个网站,将其命名为TextBoxWatermarkExtender,将其默认主页Default.aspx更改为UserRegister.aspx。在该用户注册页面中分别为输入用户名称、用户呢称、电子邮件和所在城市的4TextBox添加水印文本框,其主要的HTML代码如下:

用户名称: 用户呢称: 电子邮件: 所在城市:

3)在默认主页面的后台代码Page_Load事件中,首先实例化类对象Person,然后分别使用两个派生类对接口ITeacherIstudent进行实例化操作,代码如下:

protected void imgbtnRegister_Click(object sender, ImageClickEventArgs e) { string sex = ""; if (radlistSex.SelectedValue.Trim() == "男") //获取用户选择的性别 { sex = "男"; } else { sex = "女"; } if (isName(tbUserName.Text)) { labIsName.Text = "用户名已存在!";//使用Label控件显示提示信息 labIsName.ForeColor = System.Drawing.Color.Red; //设置Label控件的颜色 ScriptManager.RegisterStartupScript(this, GetType(), "", "alert('请正确填写信息!');", true); } else { LqDBDataContext lqdb = new LqDBDataContext();//创建LINQ DataContext数据上下文 tb_userInfo t = new tb_userInfo();//创建实体类 t.userName = tbUserName.Text.Trim(); t.nickName = txtNickName.Text.Trim(); t.userPass = tbPassword.Text.Trim(); t.sex = sex; t.emaile = tbEmail.Text.Trim(); t.city = txtCity.Text.Trim(); lqdb.tb_userInfo.InsertOnSubmit(t);//调用InsertOnSubmit方法将t实例添加到lqdb实例tb_userInfo表中 lqdb.SubmitChanges();//调用SubmitChanges()方法将上述注册信息提交到数据库 ScriptManager.RegisterStartupScript(this, GetType(), "", "alert('注册成功!');", true); tbUserName.Text = txtNickName.Text = tbEmail.Text = txtCity.Text = ""; } }

小提示:

是使用TextBoxWatermark还是使用TextBoxWatermarkExtender

ASP.NET AJAX Control Tookit程序集中,若要需要使用TextBoxWatermark控件,则需要使用其全称“TextBoxWatermarkExtender”。另外,ASP.NET AJAX Control Tookit程序集中的其他控件也存在和TextBoxWatermark控件类似的情况时,将不再做特殊说明。

注:后续会给大家发布更多的关于ASP.NET 3.5 AJAX LINQ等方面最新的知识!敬请关注!

 

你可能感兴趣的:(ASP.NET3.5新技术)