资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
javascript 验证码生成代码 推荐学习
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>javascript 验证码实现代码_管理资源吧测试</title> <style type="text/css"> .code {}{ background-image:url(code.jpg); font-family:Arial; font-style:italic; color:Red; border:0; padding:2px 3px; letter-spacing:3px; font-weight:bolder; } .unchanged {}{ border:0; } </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%0D%0Avar%20code%20%3B%20%2F%2F%E5%9C%A8%E5%85%A8%E5%B1%80%20%E5%AE%9A%E4%B9%89%E9%AA%8C%E8%AF%81%E7%A0%81%20%0D%0Afunction%20createCode()%20%0D%0A%7B%20%0D%0Acode%20%3D%20%22%22%3B%20%0D%0Avar%20codeLength%20%3D%206%3B%2F%2F%E9%AA%8C%E8%AF%81%E7%A0%81%E7%9A%84%E9%95%BF%E5%BA%A6%20%0D%0Avar%20checkCode%20%3D%20document.getElementById(%22checkCode%22)%3B%20%0D%0Avar%20selectChar%20%3D%20new%20Array(0%2C1%2C2%2C3%2C4%2C5%2C6%2C7%2C8%2C9%2C'A'%2C'B'%2C'C'%2C'D'%2C'E'%2C'F'%2C'G'%2C'H'%2C'I'%2C'J'%2C'K'%2C'L'%2C'M'%2C'N'%2C'O'%2C'P'%2C'Q'%2C'R'%2C'S'%2C'T'%2C'U'%2C'V'%2C'W'%2C'X'%2C'Y'%2C'Z')%3B%2F%2F%E6%89%80%E6%9C%89%E5%80%99%E9%80%89%E7%BB%84%E6%88%90%E9%AA%8C%E8%AF%81%E7%A0%81%E7%9A%84%E5%AD%97%E7%AC%A6%EF%BC%8C%E5%BD%93%E7%84%B6%E4%B9%9F%E5%8F%AF%E4%BB%A5%E7%94%A8%E4%B8%AD%E6%96%87%E7%9A%84%20%0D%0A%0D%0Afor(var%20i%3D0%3Bi%3CcodeLength%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0A%0D%0A%0D%0Avar%20charIndex%20%3D%20Math.floor(Math.random()*36)%3B%20%0D%0Acode%20%2B%3DselectChar%5BcharIndex%5D%3B%20%0D%0A%0D%0A%0D%0A%7D%20%0D%0Aif(checkCode)%20%0D%0A%7B%20%0D%0AcheckCode.className%3D%22code%22%3B%20%0D%0AcheckCode.value%20%3D%20code%3B%20%0D%0A%7D%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0Afunction%20validate%20()%20%0D%0A%7B%20%0D%0Avar%20inputCode%20%3D%20document.getElementById(%22input1%22).value%3B%20%0D%0Aif(inputCode.length%20%3C%3D0)%20%0D%0A%7B%20%0D%0Aalert(%22%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81%EF%BC%81%22)%3B%20%0D%0A%7D%20%0D%0Aelse%20if(inputCode%20!%3D%20code%20)%20%0D%0A%7B%20%0D%0Aalert(%22%E9%AA%8C%E8%AF%81%E7%A0%81%E8%BE%93%E5%85%A5%E9%94%99%E8%AF%AF%EF%BC%81%22)%3B%20%0D%0AcreateCode()%3B%2F%2F%E5%88%B7%E6%96%B0%E9%AA%8C%E8%AF%81%E7%A0%81%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0Aalert(%22%5E-%5E%20OK%22)%3B%20%0D%0A%7D%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0A%3C%2Fscript%3E"> </head> <body onload="createCode()"> <form action="#"> <input type="text" id="input1" /> <input type="text" onclick="createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px" /> <input id="Button1" onclick="validate();" type="button" value="确定" /> </form> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程