设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

通过Ajax判断会员用户是否存在的代码

发表日期:2015-5-14 作者来源:派谷网络 浏览次数:

<form>
用户名:<input type="username" id="uname" onkeyup="showHint(this.value)" />
</form>
<p>提示信息: <span id="txtName"></span></p>
正如您看到的,这是一个简单的带有名为 "uname" 输入域的 HTML 表单。输入域的事件属性定义了一个由 onkeyup 事件触发的函数。平常我们在制作注册页面时要判断注册的帐号是否存在等问题会用到。
表单下面的段落包含了一个名为 "txtName" 的 span,这个 span 充当了由 web 服务器所取回的数据的位置占位符,当我们判断会员存在一否会返回一个判断结果,并显示在这里。
当用户输入数据时,名为 "showHint()" 的函数就会被执行。函数的执行是由 "onkeyup" 事件触发的。另外需要说明的是,当用户在文本域中输入数据时把手指从键盘按键上移开时,函数 showHint 就会被调用。
下面是showHint函数的具体代码:
function showHint(str)
{

  if (str.length==0)
    {
    document.getElementById("txtName").innerHTML="";
    return;
    }

  xmlHttp=GetXmlHttpObject()
 
  if (xmlHttp==null)
    {
    alert ("您的浏览器不支持AJAX!");
    return;
    }

var url="test.asp";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

showHint() 函数是一个位于 HTML 页面 head 部分的很简单的 javascript 函数。
希望此代码对你有帮助。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻
网站建设解决方案