52,792
社区成员




<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试-验证用户名是否重复</title>
<script type="text/javascript">
function yanzheng_zhuce(){
var tmpusername=document.zhuce.username.value
if(tmpusername=="")
{
alert("不能为空")
return false
}
else
var url="check.asp?username=" + escape(tmpusername)+"&sid="+Math.random();
xmlHttp.onreadystatechange = processSet;
xmlHttp.open("GET", url, true);
xmlHttp.send();
}
function processSet(){
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
……
……
……
alert("用户名重复");
}
}
}
}
</script>
</head>
<body>
<form name="zhuce" action="" method="post" onsubmit="return yanzheng_zhuce()">
<input type="text" name="username" /><input type="submit" value="提交" />
</form>
</body>
</html>
<script type="text/javascript">
var xmlHttp
function createXMLHttp(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function yanzheng_username(){
createXMLHttp();
var tmpusername=document.zhuce.username.value
if(tmpusername=="")
{
document.getElementById("span1").innerHTML="不能为空"
}
else{
var url="server.asp?username=" + tmpusername;
xmlHttp.onreadystatechange = processSet;
xmlHttp.open("GET", url, true);
xmlHttp.send();
}
function processSet(){
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
if (xmlHttp.responseText == '1') {
document.getElementById("span1").innerHTML="重复数据"
}
if (xmlHttp.responseText == '0') {
document.getElementById("span1").innerHTML="正确"
}
}
}
}
}
</script>
<form name="zhuce" action="yanzheng.asp" method="post" />
<p><input type="text" name="username" id="username" onBlur="yanzheng_username()" /><span id="span1"></span></p>
<p><input type="submit" value="提交" /></p>
</form>
另外一个问题比较困扰,就是现在实现了AJAX的在文本框后面时时提示输入错误和正确的信息,那怎样实现诸多文本框只要有一个没有通过,那么点击“提交”按钮就没反应呢?都通过就可以正常提交呢?
function yanzheng_zhuce() {
var tmpusername = document.zhuce.username.value
if (tmpusername == "") {
alert("不能为空")
return false
}
else {
var url = "check.asp?username=" + escape(tmpusername) + "&sid=" + Math.random();
var xmlHttp=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("microsoft.xmlhttp");
xmlHttp.open("GET", url, false); ///同步
xmlHttp.send(null);
if (xmlHttp.responseText == '1') { alert('用户名已经存在!'); return false}
}
}