<link href="<%=request.getContextPath()%>/css/style.css"
type="text/css" rel="stylesheet" />
<script src="js/jquery-1.4.4.js" type="text/javascript"></script>
<script type="text/javascript">
var xmlhttpObj;
function getXmlHttp(){
var varxmlhttp = null;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
if(xmlhttp.overrideMimeType){
xmlhttp.overrideMimeType("text/xml");
}
}else if(window.ActiveXObject){
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
function getInfo(){
$("#username").addClass("thinking");
var username = $("#username").val();
$.get("UserServlet",{username:username},function(data){
if(data=="用户名已存在"){
$("#username").addClass("denied").focus().select();
$("#userli").html(data);
}else{
$("#username").addClass("approved");
$("#userDiv").html(data);
}
});
}</script>
</head>
body>
用户名:
<input type="text" name="username" id="username"
onblur="return getInfo()"/>
<div id="userDiv"></div> <br />
密码:
<input type="password" name="password" />
<br /></body>
css:
#username {
background:#fff url("../images/status.gif") 190px 0 no-repeat;
padding:0 20px 0 2px; width:198px;}
#username.thinking{
background-image:url("../images/inProcess.png");
background-position:175px;
}
#username.approved{
background-image:url("../images/okay.png");
background-position:175px;
}
#username.denied{
background-image:url("../images/inUse.png");
background-position:175px;
}我想实现 当光标移开username框的时候进行校验 我实现了 但是问题是 当我提示 “用户已存在”时候右边提示的交叉图案(“X”)还在 但是我已经换了一个数据库没有的名字了 提示“用户可以注册” 我想知道如何才能把那个“X”换成“勾”?
type="text/css" rel="stylesheet" />
<script src="js/jquery-1.4.4.js" type="text/javascript"></script>
<script type="text/javascript">
var xmlhttpObj;
function getXmlHttp(){
var varxmlhttp = null;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
if(xmlhttp.overrideMimeType){
xmlhttp.overrideMimeType("text/xml");
}
}else if(window.ActiveXObject){
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
function getInfo(){
$("#username").addClass("thinking");
var username = $("#username").val();
$.get("UserServlet",{username:username},function(data){
if(data=="用户名已存在"){
$("#username").addClass("denied").focus().select();
$("#userli").html(data);
}else{
$("#username").addClass("approved");
$("#userDiv").html(data);
}
});
}</script>
</head>
body>
用户名:
<input type="text" name="username" id="username"
onblur="return getInfo()"/>
<div id="userDiv"></div> <br />
密码:
<input type="password" name="password" />
<br /></body>
css:
#username {
background:#fff url("../images/status.gif") 190px 0 no-repeat;
padding:0 20px 0 2px; width:198px;}
#username.thinking{
background-image:url("../images/inProcess.png");
background-position:175px;
}
#username.approved{
background-image:url("../images/okay.png");
background-position:175px;
}
#username.denied{
background-image:url("../images/inUse.png");
background-position:175px;
}我想实现 当光标移开username框的时候进行校验 我实现了 但是问题是 当我提示 “用户已存在”时候右边提示的交叉图案(“X”)还在 但是我已经换了一个数据库没有的名字了 提示“用户可以注册” 我想知道如何才能把那个“X”换成“勾”?
jquery 中不是有个 $.ajax();直接不就可以请求了么var name=$("#name").val();
$.ajax({
url:"/.../xxx.do",
data:"name="+name,
cache:false,
success:function(html){
// html为你请求得到的数据,需要的话可以自己解析一下
// 在这里执行你自己的代码 比如 $("name").val(html);
});
});
这个是示例代码,试一下
这样写就不用写最基础的AJAX代码了。。
还有希望楼主及时结贴!