<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 函数。
希望此代码对你有帮助。