将鼠标离开输入框自动检测数据库的代码改为点击按钮再开始检测-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

将鼠标离开输入框自动检测数据库的代码改为点击按钮再开始检测

小旋风柴进 2016-06-07 14:17:01 1502

这段代码由于鼠标离开输入框自动检测数据库的体验太差,请帮忙改编为点击按钮开始检测,谢谢大家!!!!
另如果有更好的方法欢迎提供
以下代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>用户注册名检测</title>
<script>
function showHint(str)
{
if (str.length==0)
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// 针对 IE7+, Firefox, Chrome, Opera, Safari 的代码
  xmlhttp=new XMLHttpRequest();
  }
else
  {// 针对 IE6, IE5 的代码
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    var viewtxt=xmlhttp.responseText;
    document.getElementById("txtHint").innerHTML=viewtxt;
    }
  }
xmlhttp.open("GET","y.asp?q="+str,true);
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=gb2312");
xmlhttp.send();
}
</script>

</head><body>

<p><b>当鼠标离开输入框自动检测数据库是否存在该用户名</b></p>
<form action="ab.asp" method="post">

<table width="600" height="42" border="0" cellpadding="0" cellspacing="1" bgcolor="#999999">
  <tr>
    <td width="130" height="40" align="center" bgcolor="#FFFFFF">用户名:</td>
    <td width="207" bgcolor="#FFFFFF"> <input name="name" type="text" id="name" onmouseout="showHint(this.value)" size="20"></td>
    <td width="259" id="txtHint" bgcolor="#FFFFFF" style="text-indent:10px;"></td>
  </tr>
</table>
</form>
</body>
Web App开发 数据库 iOS开发
分享到
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:30:00

    如果只是一个input,把showHint(str)改成showHint(),在showHint函数内部通过document.getElementById('name').value获取输入框的值,在按钮的点击事件上绑定showHint函数即可

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题