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>
你要是的是不是这种效果