1. javascript中验证码如何以图片形式生成
我们一般是后端语言生成随机验证码的图片流,并记录当前生成的图片数值。前台就直接用img元素显示这个图片流,等用户提交后,就判断用户填写的验证码是否跟后台记录的图片数值相同,这个操作一般不需要javascript来处理。涉及到安全方面的东西,我们一般不用javascript来实现。
2. JS如何实现图片验证码
<script language="JavaScript">
function reloadcode(){
var verify=document.getElementById('safecode');
verify.setAttribute('src','images/chknumber.jsp?'+Math.random());
//这里必须加入随机数不然地址相同我发重新加载
}
</script>
=========================
然后再验证码图片里面写onclick呼出上面的函数重新加载.
程序代码
<img src="images/chknumber.jsp" id="safecode" border="0" onclick="reloadcode()" style="cursor:hand;padding:2px 8px 0pt 3px;" />
3. JS点击图片后显示验证码 如何实现
最简单的方法你把图一的显示验证码也弄成一个图片,比如叫code.png,上面你的代码就能换成
<img src="code.png" onclick="this.src ={$maccms.path_tpl}picture/captcha.png"