JS点击图片后显示验证码 如何实现？

JavaScript012

JS点击图片后显示验证码 如何实现？,第1张

最简单的方法你把图一的显示验证码也弄成一个图片，比如叫code.png，上面你的代码就能换成

<img src="code.png" onclick="this.src ={$maccms.path_tpl}picture/captcha.png"

<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:handpadding:2px 8px 0pt 3px" />

1、编写php验证码生成文件verification.php。

2、新建login.html，编写登录表单。

3、调用显示验证码图片。

4、编写换验证码JS函数。

5、调用:看不清，换一张验证码。

6、编写登录处理文件dealLogin.php。

7、测试登录。