点击文本框后才加载验证码的JS代码


大家也许看到很多网站都有验证码的功能，有些网站的难证码是在用户点击输入框之后才调用函数生成验证码，这样会减轻网页加载时的服务器压力，因此，这一个小特效就派上用场了，正好实现点击输入框出现验证码，不点击不会加载，也不生成。注意，这里只是一个演示，你需要将调用验证码的程序写在指定位置才行。

答案：<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<title>一个和论坛验证码相似的功能_/</title>
<style type="text/css">
.header
{
   width:58px;
   height:23x;
   background-color:#009999;
   font-size:14px;
   color:red;
   display:none;
}
</style>
</head>
<script language="javascript">
<!--
 function dian()
   {
       if(txt.value="")
    {
       document.getElementsByTagName("span")[0].style.display="none";
    }
    else
    {
       document.getElementsByTagName("span")[0].style.display="block";
    }
   }
-->
</script>
<body>
<span class="header">6253</span>
<input type="text" size="20" id="txt" value="" onClick="dian()">
</body>
</html>

上一个：好用的Email地址输入判断
下一个：JavaScript判断输入框中是否包含中文

更多图片编程知识: