1.在静态页面里添加文本框及样式和js脚本的引用：
<html ns=\"http://www.w3.org/1999/xhtml\" >
<head id=\"Head1\" runat=\"server\">
< >无标题页</ >
< language =\" \" src =\"../jquery-1.3.2.min.js\" type =\"text/ \" ></ >
< language =\" \" src =\"validator.js\" type =\"text/ \" ></ >
< type =\"text/css\" rel=\"stylesheet\" href =\"validator.css\" />
</head>
<body>
<form id=\"form1\" runat=\"server\">
<div>
用户名：<input id=\"txtName\" type=\"text\" class =\"txtName\" />
<div id =\"result\"></div>
</div>
</form>
</body>
</html>
2.css样式表，当文本框文字为空时边框红色：
.txtName
{
border:1px red solid;
}
3.js脚本：当文本框文字为空时边框红色；如果用户名为janes,则提示“用户名已经存在”，否则提示“用户名可以使用”。
$(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页面代码，用来验证用户名是否可用，以返回结果。
public partial class Validator_validator1 : System.Web.UI.Page
{
protected void Page_Load( sender, EventArgs e)
{
string name = Request.QueryString[\"name\"].ToString();
if (name == \"janes\")
Response.Write(\"该用户名已经存在！\");
else
Response.Write(\"该用户名可以使用！\");
}
} 继续阅读与本文标签相同的文章
上一篇 :
Apple 服务器大面积宕机约38分钟
下一篇 :
组件复用一小步 轻松实现跨项目开发提效
-
手机导航是怎样判断路况的？不仅是通过卫星，这几个原因使导航更智能
2026-05-14栏目： 教程
-
手机信号突然从“4G”变成“E”，是什么意思？客服给出答案
2026-05-14栏目： 教程
-
互联网架起“乌镇式生活”
2026-05-14栏目： 教程
-
微信才是内存“杀手”，别再乱清理，关闭这个功能，手机立马流畅
2026-05-14栏目： 教程
-
手机信号变成E是什么意思？看完专业人士给出的解释后，涨知识了
2026-05-14栏目： 教程