代码描述:javascript简单验证码。javascript简单验证码效果源码下载
可能很多朋友在用网站的时候却不知道验证码的作用是什么。 验证码的主要作用主要是为了防止机器人注册或者发帖功能,当然现在很多有效的验证码比较复杂,否则难以有效的防止注册机的功能,下面分享一个比较简单的验证码效果,可能阻拦注册能力比较薄弱,但是有总归比没有要好。 代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> .code{ font-family: Arial; font-style: italic; color:Red; border:0; padding:2px 3px; letter-spacing:3px; font-weight:bolder; border:0; cursor:pointer; width:65px; } </style> <script type="text/javascript"> function createCode(){ var code=""; var codeLength=6; var checkCode=document.getElementById("checkCode"); 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 index=0;index<codeLength;index++) { var charIndex=Math.floor(Math.random()*36); code+=selectChar[charIndex]; } if(checkCode){ checkCode.className="code"; checkCode.value=code; } } function validate() { var inputCode=document.getElementById("txt").value; if (inputCode.length<=0){ alert("请输入验证码!"); } else if(inputCode!=code){ alert("验证码输入错误!"); createCode(); } else{ alert("验证码正确"); } } window.onload=function(){ createCode(); var checkCode=document.getElementById("checkCode"); var bt=document.getElementById("bt"); checkCode.onclick=function(){ createCode() } bt.onclick=function(){ validate(); } } </script> </head> <body> <form action="#"> <input type="text" id="txt" /> <input type="text" readonly="readonly" id="checkCode"/> <input id="bt" type="button" value="确定" /> </form> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能