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

JavaScript017

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

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

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

方法如下:

操作工具:小米9

操作系统:miui 11.0

程序:短信2.91

1、首先找到手机中的短信功能,然后点击打开短信,如图所示。

2、打开页面后,下拉页面,找到验证码,然后点击打开验证码,如图所示。

3、打开验证码页面后,即可看到手机中收到的验证码信息,如图所示。

4、如果不需要,用手指长按验证码信息,在弹出来的窗口中即可删除该验证码信息,如图所示。

<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" />