js生成十六进制随机数

登陆验证码实现：登陆页面（php）生成16进制随机数，并带着随机数到valcode.php页面生成验证码

<?php
　　if(isset($_SESSION)){session_start();}
　　include_once 'conn/conn.php';
　　for($i=0;$i<4;$i++){
　　	$num= dechex(rand(0,15));//生成16进制随机数
　　}
?>
<p>
<span>用户名:
    <input id="lgname" type="text" style=" width: 75px; height: 16px; border: 1px #999999 solid;" />
      </span><br />
      <span>密  码：
      <input id="lgpwd" type="password" style=" width:75px; height: 16px; border: 1px #999999 solid;" />
      </span><br />
      <span>验证码：
      <input id="lgchk" type="text" style=" width: 75px; height: 16px; border: 1px #999999 solid;" />
      </span><br /> 
  <span>
      <img id='chkid' src="./valcode.php?num=<?php echo $num; ?>" width="55" height="18" /> 
      <a id="changea" style="cursor:hand;">看不清</a>
  </span>
</p>
<div style="  height: 25px; line-height: 25px;">
    <input id="chknm" name="chknm" type="hidden" value="<?php echo $num; ?>"/>
    <a id="lgbtn" style=" color:#f0f0f0;">登录</a> 
    <a id="reg" style=" color:#f0f0f0;">注册</a> 
    <a id="foundbtn" style=" color:#f0f0f0;">找回密码</a>
    </div>
</div>

 当点击“看不清”的时候，从用户体验效果出发，需要使用JavaScript无刷新生成验证码；但是使用JavaScript生成十六进制随机数，稍有些复杂。JavaScript中不能直接将十进制数转为十六进制，需要手动进行转换。首先使用Math.random()函数生成0～15之间的随机数，然后使用Math.ceil()函数将随机数取整，接下来就要逐次判断该值，如果该值大于9，那么将10～15的数一一对应转换为a、b…，一直到f。转换完成后，将值累加，最后传给valcode.php页。

使用JavaScript生成十六进制随机数的完整代码如下：

//生成随机数
    function showval(){
        num = '';
        for(i=0;i<4;i++){//循环输出四位验证码
            tmp =  Math.ceil((Math.random() * 15));//取出一位十六进制的整数
            if(tmp > 9){//依次判断随机数
                switch(tmp){
                    case(10)://如果随机数等于10，换为a
                        num += 'a';
                        break;
                    case(11):
                        num += 'b';//如果随机数等于11，换为b
                        break;
                    case(12):
                        num += 'c';//如果随机数等于12，换为c
                        break;
                    case(13):
                        num += 'd';//如果随机数等于13，换为d
                        break;
                    case(14):
                        num += 'e';//如果随机数等于14，换为e
                        break;
                    case(15):
                        num += 'f';//如果随机数等于15，换为f
                        break;
                }
            }else{
                num += tmp;
            }
        }
        $('chkid').src='valcode.php?num='+num;//将生成的随机数传给图像生成页
        $('chknm').value = num;//将随机数的值保存到页面的隐藏域中
    }

 附上图像生成页代码（实现的功能是验证）

//生成随机数
    function showval(){
        num = '';
        for(i=0;i<4;i++){//循环输出四位验证码
            tmp =  Math.ceil((Math.random() * 15));//取出一位十六进制的整数
            if(tmp > 9){//依次判断随机数
                switch(tmp){
                    case(10)://如果随机数等于10，换为a
                        num += 'a';
                        break;
                    case(11):
                        num += 'b';//如果随机数等于11，换为b
                        break;
                    case(12):
                        num += 'c';//如果随机数等于12，换为c
                        break;
                    case(13):
                        num += 'd';//如果随机数等于13，换为d
                        break;
                    case(14):
                        num += 'e';//如果随机数等于14，换为e
                        break;
                    case(15):
                        num += 'f';//如果随机数等于15，换为f
                        break;
                }
            }else{
                num += tmp;
            }
        }
        $('chkid').src='valcode.php?num='+num;//将生成的随机数传给图像生成页
        $('chknm').value = num;//将随机数的值保存到页面的隐藏域中
    }

 当页面第一次被载入时，将PHP页面生成的16进制数带到valcode.php生成验证码；当验证码中带有干扰串用户看不清，可以单击首页中“看不清”时，是使用showval函数生成的验证码；

if($('lgchk').value == ''){
　　alert('请输入验证码');
　　$('lgchk').select();
　　return false;
}
if($('lgchk').value != $('chknm').value){
　　alert('验证码输入错误');
　　$('lgchk').select();
　　return false;
}

 这里验证的是验证码上的数字和隐藏域中的数字；