大家好：
我是西门
今天给大家奉上我的第三个视频。也是我封装的第一个js类——checkUserName
9号的时候，随便写了个仿注册效果的东西
没想到大家恨喜欢，现在，我花了两天时间把它封装了，是它可以适用与所有语言，
我给大家演示一下用法：
/**********************************
* 西门编写的ajax检测注册用户名的js类CheckUserName（Beat1.0）
* 适用与所有编程语言，功能强大，各种参数很据需求加入。
* 完成时间：2008-01-19 14：20
* 版权所有：AJAX中国
* 网址：http://okajax.com
* E-mail:westdoorking@163.com
* 备注：您可以免费使用CheckUserName类，但是请不要删除版权信息。
* 如果本类给您的网站造成bug，或者引起不良后果，作者不负任何责任。
**********************************/
CheckUserName = function(){
var ts1 = "请输入用户名！用户名规则（自定义）";
var ts2 = "恭喜，此用户名可以使用！";
var ts3 = "此用户名已经被使用！";
var ts4 = "用户名不合法，请检查！";
var url = "";
var parname = "username";
var imageload = "http://bbs.okajax.com/images/default/loading.gif";
var imagewrong = "http://bbs.okajax.com/images/default/check_error.gif";
var imageright = "http://bbs.okajax.com/images/default/check_right.gif";
var funname = "";
var http_request = false;
this.setcont = function(str1, str2, str3, str4){
/**********************************
* 设置提示信息，顺序依次是
* 1－提示输入规则
* 2－检测用户名成功
* 3－检测用户名被人使用
* 4－用户名不符合规则（在加入用户名监察后使用）
**********************************/
ts1 = (str1 == null ? ts1 : str1);
ts2 = (str2 == null ? ts2 : str2);
ts3 = (str3 == null ? ts3 : str3);
ts4 = (str4 == null ? ts4 : str4);
}
this.setimage = function(load, wrong, right){
/**********************************
* 设置图片的路径
* 1－查询时候显示图片
* 2－错误时显示图片
* 3－正确时显示图片
**********************************/
imageload = (load == null ? imageload : load);
imagewrong = (wrong == null ? imagewrong : wrong);
imageright = (right == null ? imageright : right);
}
this.seturl = function(u, p){
/**********************************
* 设置后台页面的路径以及参数
* 1－后台页面名称×（aspx。jsp。asp均可）
* 2－超链接后面带的参数，默认是username。
**********************************/
url = u;
parname = (p == null ? parname : p);
}
this.setcheckfunction = function(functionname){
/**********************************
* 设置检查用户名合法的方法
* 1－直接传入方法名称，此方法需要有bool型的返回值，用户自定义编写
**********************************/
funname = (functionname == null ? funname : functionname);
}
this.apply = function(inpurid, tsid){
var a = inpurid;
var b = tsid;
if (typeof(a) == "string")
a = document.getElementById(a);
if (typeof(b) == "string")
b = document.getElementById(b);
a.onfocus = function(){
insertfun(ts1);
}
a.onblur = function(){
if (a.value.length == 0) {
alert("用户名不能为空！");
return;
}
if (funname == "") {//没有定义验证方法，不执行用户名合法性验证！
makeRequest(url + "?" + parname + "=" + a.value);
}
else {//有验证合法性方法。先执行
var sss = funname + "('" + a.value + "')";
if (eval(sss)) {//执行ajax操作
makeRequest(url + "?" + parname + "=" + a.value);
}
else {
insertfun(ts4);
}
}
}
function insertfun(val){
b.innerHTML = val;
}
function getimg(val){
return "<img src='" + val + "' style='width:13px; height:13px'/>"
}
function makeRequest(url){
insertfun(getimg(imageload));
http_request = false;
if (window.XMLHttpRequest) {
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
}
}
else
if (window.ActiveXObject) {
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('GET', url, true);
http_request.send(null);
}
function alertContents(){
if (http_request.readyState == 4) {
if (http_request.status == 200) {
// alert("---"+http_request.responseText+"---");
if (http_request.responseText == 0) {
insertfun(getimg(imageright) + ts2);
}
else
if (http_request.responseText == 1) {
insertfun(getimg(imagewrong) + ts3);
}
else {
insertfun("服务器内部错误 !");
}
}
else {
alert('There was a problem with the request.');
}
}
}
}
}
这个是源文件，功能很强大，至少我这么认为，，
我给大家在，net下演示，其他编程语言一样适用！
一个简单的access数据库
里面有三个名字。
这是我们的页面：
<tr>
<td style="width: 100px">
用户名：</td>
<td style="width: 100px">
<input type=text id="aaa" />
</td>
<td style="width: 322px" id="bbb">
</td>
</tr>
其实就这么多东西。 <input type=text id="aaa" />输入框，一定得写id
<td style="width: 322px" id="bbb">提示字段。一定的写id！
现在开始正式演示了
怎么样?
我就能想这些了
至于各个方法的参数和作用
都写在js里了
大家自己看看
谢谢大家的支持
by
ximen
web:http://okajax.com
版权所有
转载请著名出处!
