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"