A. js點擊圖片後顯示驗證碼 如何實現
最簡單的來方法你把圖一的顯源示驗證碼也弄成一個圖片，比如叫code.png，上面你的代碼就能換成
<img src="code.png" onclick="this.src ={$maccms.path_tpl}picture/captcha.png"
B. 為什麼我js寫的這個驗證碼判斷對錯不行
#sss綁定的是input嗎？ 如果不是請使用$('#sss').text()和$('#sss').html()值為獲取驗證碼
如果不行使用控制台console.log()分別列印下code和codes值，看是否獲取到值
C. 鍒ゆ柇鐢ㄦ埛鍚嶏紝瀵嗙爜錛岄獙璇佺爜閮借緭鍏ュ悗鎵嶅惎鍔ㄧ櫥褰曟寜閽甹s鎬庝箞鍐
鍋囪劇敤鎴峰悕杈撳叆妗嗙殑id涓衡渦sername鈥濓紝瀵嗙爜杈撳叆妗嗙殑id涓衡減assword鈥濓紝楠岃瘉鐮佽緭鍏ユ嗙殑id涓衡渧erify鈥濓紝鐧誨綍鎸夐挳鐨剗d涓衡渓ogin鈥濓紝鍙浠ヤ嬌鐢ㄤ互涓嬩唬鐮佸疄鐜幫細``` javascriptconst usernameInput = document.getElementById(\"username\"); // 鑾峰彇鐢ㄦ埛鍚嶈緭鍏ユ哻onst passwordInput = document.getElementById(\"password\"); // 鑾峰彇瀵嗙爜杈撳叆妗哻onst verifyInput = document.getElementById(\"verify\"); // 鑾峰彇楠岃瘉鐮佽緭鍏ユ哻onst loginButton = document.getElementById(\"login\"); // 鑾峰彇鐧誨綍鎸夐挳// 鐩戝惉杈撳叆妗嗙殑杈撳叆浜嬩歡usernameInput.addEventListener(\"input\", checkInput);passwordInput.addEventListener(\"input\", checkInput);verifyInput.addEventListener(\"input\", checkInput);// 媯鏌ヨ緭鍏ユ嗘槸鍚﹂兘鏈夎緭鍏function checkInput() { if (usernameInput.value \u0026\u0026 passwordInput.value \u0026\u0026 verifyInput.value) { loginButton.removeAttribute(\"disabled\"); // 鍚鐢ㄧ櫥褰曟寜閽 } else { loginButton.setAttribute(\"disabled\", \"disabled\"); // 紱佺敤鐧誨綍鎸夐挳 }}```榪欐典唬鐮佷腑錛屼嬌鐢╝ddEventListener鏂規硶涓烘瘡涓杈撳叆妗嗘坊鍔犱簡鈥渋nput鈥濅簨浠剁殑鐩戝惉鍣錛屽綋鐢ㄦ埛杈撳叆鏃訛紝浼氳嚜鍔ㄨЕ鍙慶heckInput鍑芥暟銆俢heckInput鍑芥暟浼氭鏌ヤ笁涓杈撳叆妗嗘槸鍚﹂兘鏈夎緭鍏ワ紝濡傛灉閮芥湁杈撳叆錛屽垯鍚鐢ㄧ櫥褰曟寜閽錛屽惁鍒欑佺敤鐧誨綍鎸夐挳銆
D. js實現輸入手機驗證碼後點擊提交按鈕驗證手機輸入的驗證碼和發送的驗證碼是否一致
是否一致是需要後端來做判斷，因為手機驗證碼是後端生成的
E. 用html做的一個form+table注冊頁面里有一個驗證碼，要怎麼寫這個js代碼
可以用JS做個簡單的驗證碼 <script language="javascript">var code; //在全局 定義驗證碼
function createCode()
{ //創建驗證碼函數
code = "";
var codeLength =5;//驗證碼的長度
var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候選組成驗證碼的字元，當然也可以用中文的
for(var i=0;i<codeLength;i++)
{
var charIndex =Math.floor(Math.random()*36);
code +=selectChar[charIndex];
}// 設置驗證碼的顯示樣式，並顯示
document.getElementById("discode").style.fontFamily="Fixedsys"; //設置字體
document.getElementById("discode").style.letterSpacing="3px"; //字體間距
document.getElementById("discode").style.color="#ff0000"; //字體顏色
document.getElementById("discode").innerHTML=code; // 顯示
}</script> 把上面一段JS代碼放到<head></head>標簽中在頁面裝載的時候，調用驗證碼創建函數 <body onload="createCode()
">在驗證碼輸入框的後面放一個標簽 <span id="discode"></span>
F. 求一個能實現驗證碼效果的JS代碼
<html>
<head>
<style type="text/css">
.code{
background-image:url(111.jpg);
font-family:Arial,宋體;
font-style:italic;
color:green;
border:0;
padding:2px 3px;
letter-spacing:3px;
font-weight:bolder;
}
.unchanged {
border:0;
}
</style>
<script language="javascript" type="text/javascript">
var code ; //在全局 定義驗證碼
function createCode(){
code = new Array();
var codeLength = 4;//驗證碼的長度
var checkCode = document.getElementById("checkCode");
checkCode.value = "";
var selectChar = new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');
for(var i=0;i<codeLength;i++) {
var charIndex = Math.floor(Math.random()*32);
code +=selectChar[charIndex];
}
if(code.length != codeLength){
createCode();
}
checkCode.value = code;
}
function validate () {
var inputCode = document.getElementById("input1").value.toUpperCase();
if(inputCode.length <=0) {
alert("請輸入驗證碼！");
return false;
}
else if(inputCode != code ){
alert("驗證碼輸入錯誤！");
createCode();
return false;
}
else {
alert("成功！");
return true;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
<body onLoad="createCode();">
<input type="text" id="input1" />
<input type="button" id="checkCode" class="code" style="width:60px" onClick="createCode()" /> <a href="#" onClick="createCode()">看不清楚</a>
<input id="Button1" onClick="validate();" type="button" value="確定" />
<script></script>
</body>
</html>
你要是的是不是這種效果