验证码的JS代码，怎样嵌套使用。。

碰碰real 2009-11-27 09:29:23



js.html  可在直接使用



<PRE class=js name="code"><!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>  

    <title>无标题页</title>  

    <style type="text/css">  

        .code   

        {   

            background-image:url(code.jpg);   

            font-family:Arial;   

            font-style:italic;   

            color:Red;   

            border:0;   

            padding:2px 3px;   

            letter-spacing:3px;   

            font-weight:bolder;   

        }   

        .unchanged   

        {   

            border:0;   

        }   

    </style>  

    <script language="javascript" type="text/javascript">  

       

     var code ; //在全局 定义验证码   

     function createCode()   

     {    

       code = "";   

       var codeLength = 6;//验证码的长度   

       var checkCode = document.getElementById("checkCode");   

       var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的   

           

       for(var i=0;i<codeLength;i++)   

       {   

         

           

       var charIndex = Math.floor(Math.random()*36);   

       code +=selectChar[charIndex];   

          

          

       }   

//       alert(code);   

       if(checkCode)   

       {   

         checkCode.className="code";   

         checkCode.value = code;   

       }   

          

     }   

        

      function validate ()   

     {   

       var inputCode = document.getElementById("input1").value;   

       if(inputCode.length <=0)   

       {   

           alert("请输入验证码！");   

       }   

       else if(inputCode != code )   

       {   

          alert("验证码输入错误！");   

          createCode();//刷新验证码   

       }   

       else   

       {   

         alert("^-^ OK");   

       }   

          

       }   

          

    </script>  

</head>  

<body onload="createCode()" >  

<form  action="#">

  <input  type="text"   id="input1" />

<input type="text" onclick="createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px"  /><br />  

    <input id="Button1"  onclick="validate();" type="button" value="确定" />    

</form>  

</body>  

<html></PRE>

关键所在：我想把JS 代码弄到外部，然后使用，可是不知道怎么的就是效果不出来





js1.html





<PRE class=js name="code"><!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>  

    <title>无标题页</title>  

    <style type="text/css">  

        .code   

        {   

            background-image:url(code.jpg);   

            font-family:Arial;   

            font-style:italic;   

            color:Red;   

            border:0;   

            padding:2px 3px;   

            letter-spacing:3px;   

            font-weight:bolder;   

        }   

        .unchanged   

        {   

            border:0;   

        }   

    </style>  

   

</head>

<script language="javascript" src="1.js">

</script>  

<body onload="return createCode()" >  

<form  action="#">

  <input  type="text"   id="input1" />

<input type="text" onclick="return createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px"  /><br />  

    <input id="Button1"  onclick="return validate()" type="button" value="确定" /> 

</form>  

</body>  

<html></PRE>



1.js









     

     var code ; //在全局 定义验证码   

     function createCode()   

     {      alert("aaa");

       code = "";   

       var codeLength = 6;//验证码的长度   

       var checkCode = document.getElementById("checkCode");   

       var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的   

           

       for(var i=0;i<codeLength;i++)   

       {   

         

           

       var charIndex = Math.floor(Math.random()*36);   

       code +=selectChar[charIndex];   

          

          

       }   

//       alert(code);   

       if(checkCode)   

       {   

         checkCode.className="code";   

         checkCode.value = code;   

       }   

          

     }   

        

      function validate ()   

     {   

       var inputCode = document.getElementById("input1").value;   

       if(inputCode.length <=0)   

       {   

           alert("请输入验证码！");   

       }   

       else if(inputCode != code )   

       {   

          alert("验证码输入错误！");   

          createCode();//刷新验证码   

       }   

       else   

       {   

         alert("^-^ OK");   

       }   

          

       }

js1.html 用1.js的代码却不出效果

怎么回事。
大侠们帮帮忙呀

...全文

719 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

碰碰real 2009-12-17

打赏
举报

[Quote=引用 5 楼 l_2_0_5_2_1_3__ 的回复:]
引用 3 楼 archko 的回复:
<!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>
<title>无标题页 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

试试

正确，不过我浏览器好像有点问题
[/Quote]

谢谢大家啦结贴

huangdh12 2009-12-14

打赏
举报

我机器上好像也可以

cany_fang 2009-12-13

打赏
举报

首先建立code.js,如下：
var code ; //在全局定义验证码
function createCode()
{
code = "";
var codeLength = 6;//验证码的长度
var checkCode = document.getElementById("checkCode");
var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的

for(var i=0;i<codeLength;i++)
{

var charIndex = Math.floor(Math.random()*36);
code +=selectChar[charIndex];

}
// alert(code);
if(checkCode)
{
checkCode.className="code";
checkCode.value = code;
}

}
然后修改网页代码如下：
<PRE class=js name="code"><!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>
<title>无标题页</title>
<style type="text/css">
.code
{
background-image:url(code.jpg);
font-family:Arial;
font-style:italic;
color:Red;
border:0;
padding:2px 3px;
letter-spacing:3px;
font-weight:bolder;
}
.unchanged
{
border:0;
}
</style>
<script language="javascript" type="text/javascript" src="js/code.js">
</script>
<script language="javascript" type="text/javascript">
function validate ()
{
var inputCode = document.getElementById("input1").value;
if(inputCode.length <=0)
{
alert("请输入验证码！");
}
else if(inputCode != code )
{
alert("验证码输入错误！");
createCode();//刷新验证码
}
else
{
alert("^-^ OK");
}

}

</script>
</head>
<body onload="createCode()" >
<form action="#">
<input type="text" id="input1" />
<input type="text" onclick="createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px" /><br />
<input id="Button1" onclick="validate();" type="button" value="确定" />
</form>
</body>
<html></PRE>

搞定收工！

碰碰real 2009-12-02

打赏
举报

[Quote=引用 3 楼 archko 的回复:]
<!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>
<title>无标题页 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

试试
[/Quote]

正确，不过我浏览器好像有点问题

碰碰real 2009-12-02

打赏
举报

看到这个贴的帮忙看看这个帖子

http://topic.csdn.net/u/20091202/12/d8419ea4-f056-4744-81aa-7c7f5e265b59.html?54009

starwalker 2009-11-27

打赏
举报

奇怪了，我这里都正常。
要不你把HTML最外面的PRE标签去掉，这样写不符合HTML。

archko 2009-11-27

打赏
举报

<!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>
<title>无标题页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

试试

碰碰real 2009-11-27