今天用AJAX写个是注册验证的程序,和ALIBAB网站用户注册的一样~~可以查看要注册的用户名是否被注册~~
如下图~~

程序代码如下~~
Reg.htm
var http_request = false;
var object;
function makeRequest(mark,url) {
http_request = false;
object = document.getElementById(mark);
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('Giving up :( Cannot create an XMLHTTP instance');
return false;
}
http_request.onreadystatechange = alertContents;
http_request.open('POST', url, true);
http_request.send(null);
}
function alertContents() {
if (http_request.readyState == 4) {
if (http_request.status == 200) {
var temp = http_request.responseText;
//var m = 'document.all.'+mark;
txt.innerHTML=http_request.responseText;
//alert(http_request.responseText);
} else {
alert('There was a problem with the request.');
}
}
}
maxLength=10 title="请用英文字母(a-z)或英文字母和数字的组合">
type=password maxLength=15 name=password onFocus="makeRequest('p','check_user.php?sub='+document.f.name.value);">
密码由 6-20 个英文字母或数字组成
'check_user.php
header('Content-type: text/html;charset=GBK');if ($isreg)echo "该用户名已经被注册,请选择个新的用户名";elseecho "该用户名没有被注册了,可以注册";
这篇博客介绍了如何使用AJAX技术实现一个类似ALIBABA网站的用户注册验证功能,通过发送POST请求到服务器检查用户名是否已被注册。文章中给出了具体的JavaScript代码示例,包括创建XMLHttpRequest对象、处理响应状态和内容的方法。此外,还展示了PHP后端的简单响应代码,提示用户该用户名是否可用。

被折叠的 条评论
为什么被折叠?



