js+css+html 验证码

1、/*css*/.div1{display: inline-block;*display: inline;background: #AABCEF;padding:2px 8px;letter-spacing:3px;font-family: '微软雅黑';border-radius:5px;}

2、<!--html--><div class="conten"> <input type="text" id="inp"> <div class="div1" id="div1"></div></div>

3、//jsvar div1=document.getElementById('div1')稆糨孝汶; var inp=document.getElementById('inp'); var astr=['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','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','T','R','S','T','U','V','W','X','Y','Z']; var s=''; for(var i=0;i<4;i++){ var j=Math.floor(Math.random()*astr.length); s+=astr[j]; } div1.innerHTML=s; inp.onmouseout=function(){ if(inp.value.toLowerCase()==s.toLowerCase()&&inp.value.length==4){ alert('yes') } if(inp.value=''&&inp.value.length==4){alert('请输入验证码');} if(inp.value.length==4){alert('验证码不对');} }