<!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>无标题页</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>
<script language="javascript" type="text/javascript">
//在全局 定义验证码
var code ;
function createCode(){
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 i=0;i<codeLength;i++){
var charIndex = Math.floor(Math.random()*36);
code +=selectChar[charIndex];
}
if(checkCode){
checkCode.className="code";
checkCode.value = code;
}
}
function validate (){
var inputCode = document.getElementById("input1").value;
if(inputCode.length <=0){
alert("请输入验证码!");
}else if(inputCode != code ){
alert("验证码输入错误!");
createCode();//刷新验证码
}else{
alert("^-^ OK");
}
}
</script>
</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" /><br />
<input id="Button1" onclick="validate();" type="button" value="确定" />
</form>
</body>
</html>
分享到:
相关推荐
本源码提供了一个基于Javascript的行为验证码AJ-Captcha设计。项目包含1645个文件,其中包括343个PNG图片、241个PHP文件、139个Swift文件、93个JavaScript文件、88个H文件、80个M文件、72个XML文件、69个Java文件、...
JavaScript微信小程序-餐饮点餐外卖系统源码-开箱即用。微信小程序——餐饮点餐商城,是针对餐饮行业推出的一套完整的餐饮解决方案,实现了用户在线点餐下单、外卖、叫号排队、支付、配送等功能,完美的使餐饮行业更...
JavaScript - jQuery实现短信验证码注册登录完整示例:JavaScript - jQuery和附件说明
课程设计-基于JavaScript开发的微信图书推荐小程序源码+项目说明.zip课程设计-基于JavaScript开发的微信图书推荐小程序源码+项目说明.zip课程设计-基于JavaScript开发的微信图书推荐小程序源码+项目说明.zip课程设计...
用于页面中提供一个可跳转指定小程序的按钮。使用此标签后,用户需在网页内点击标签按钮方可跳转小程序; 3、确保你的网页中引入了微信提供的JavaScript SDK,一定要是...
基于JavaScript云开发在线交友微信小程序源码+项目说明+开发文档.zip 【准备工作】 导入项目,创建微信小程序的云开发环境 将config.js的配置信息替换成自己的 APPID--------------------------小程序的appid SECRET...
JavaScript - Fetch实现短信验证码注册登录完整示例:JavaScript - Fetch.js和附件说明
javascript经典特效---扫雷程序.rar javascript经典特效---扫雷程序.rar javascript经典特效---扫雷程序.rar
JavaScript - XHR实现短信验证码注册登录完整示例:JavaScript - XHR.js和附件说明
- 微信小程序:实现一个移动端图书馆,项目持续更新中... - 使用技术:**wxml**、**wxss**、**javascript** - 前台:[libraryFront](https://github.com/sijianian/libraryFront) - 后台:[libraryServer]...
初步了解网站建立和维护的方法 掌握基本的JavaScript程序设计技术 掌握基于对象和事件驱动的编程技术 掌握级联样式表(CSS)技术 掌握JavaScript的动态网页制作技术 二、学习内容 第一章 ...
JavaScript应用实例-UI验证码(有BUG).js
a-takeaway-demo-of-wxapp-master_javascript_微信小程序_DEMO_wxml源码_源码
微信小程序-小商城前台
基于Vue和Javascript的uni-app简约小程序前端设计源码,该项目包含316个文件,主要...该项目是一个基于Vue和Javascript的uni-app简约小程序前端设计源码,可能涉及用户界面设计、应用逻辑实现、数据存储等多个方面。
微信小程序-地图示例_JavaScript_下载.zip
第10讲-创建第一个小程序 第11讲-开发框架组成介绍 第12讲-WXML之语法 第13讲-WXML特性之数据绑定 第14讲-WXML特性之列表渲染 第15讲-WXML特性之条件渲染 第16讲-WXML特性之模板及引用 第17讲-WXSS特性之响应式像素 ...
创建一个动态显示时间的程序,只包括时分秒,每秒钟更新一次时间。 二、使用Math.random()方法生成10个100~1000随机数。 三、检查表单:用名户域和密码域是否为空、年龄域是否数字。 四、创建两个页面,一个是...
前端项目-javascript-canvas-to-blob,javascript canvas to blob是一个将画布元素转换为blob对象的函数。