1.在静态页面里添加文本框及样式和js脚本的引用：
复制代码 代码如下:
code highlighting produced by actipro codehighlighter (freeware)http://www.jb51.net/-->
无标题页
用户名：
2.css样式表，当文本框文字为空时边框红色：
复制代码 代码如下:
.txtname
{
 border:1px red solid;   
}
3.js脚本：当文本框文字为空时边框红色；如果用户名为janes,则提示“用户名已经存在”，否则提示“用户名可以使用”。
复制代码 代码如下:
code highlighting produced by actipro codehighlighter (freeware)http://www.jb51.net/-->$(function(){
var txtname=$(#txtname);
//输入文字时文本框样式
txtname.keyup(function(){
var name=$(this).val();
if(name==)
    $(this).addclass(txtname);
    else $(this).removeclass(txtname);
})
//失去焦点时验证用户名是否可用
$(#txtname).blur(function()
{
  var name=$(this).val();
  $.get(validator1.aspx?name=+name,null,function(response){
  $(#result).html(response);
  })
})
})
4..aspx及.cs页面代码，用来验证用户名是否可用，以返回结果。
复制代码 代码如下:
code highlighting produced by actipro codehighlighter (freeware)http://www.jb51.net/-->public partial class validator_validator1 : system.web.ui.page
{
    protected void page_load(object sender, eventargs e)
    {
            string name = request.querystring[name].tostring();
            if (name == janes)
                response.write(该用户名已经存在！);
            else
                response.write(该用户名可以使用！);
}
}