`
sanyecao2314
  • 浏览: 131648 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

简单的前台验证码.

阅读更多

项目里用到的不要和后台交互的简单验证码.标记一下.

<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>

 

分享到:
评论

相关推荐

    JS实现获取短信验证码功能(前台代码)

    也是通过网络搜集整理的,我自己在实际项目中用到,使用了jquery技术,很简单,全套的,保证一看就懂。

    ThinkPHP6.0.5框架多应用模式简单测试(验证码扩展+视图扩展)

    该ThinkPHP版本主要是简单测试了TP的多应用模式 代码分了前后台目录 后台是admin 前台是index,并可通过 模型/控制器/方法 来访问。集成了验证码扩展+视图扩展,当然多应用模式也在其中已集成好。

    java实现汉字验证码

    今天整理了一个java实现的汉字输入验证码 主要包含两个类,一个是生成...实现原理非常简单,将汉字和干扰线生成图片并将汉字保存到session,前台获取每次生成验证码图片并用文本框值和session值比较,功能就这么简单。

    Java汉字随机验证码

    主要包含两个类,一个是...实现原理比较简单,将汉字和干扰线生成图片并将汉字保存到session,前台获取每次生成的验证码图片进行展示,验证的时候就获取文本框输入的值传到后台与session值进行比较,功能就怎么简单。

    校园教育网站管理系统源码

    采用Asp+Access开发的,简单易管理,适用刚学网站或中小企业,可对新闻、文章、供求、特效、图片、音乐、动画、软件等栏目进行添加、管理操作 ...把admin888改成你要的验证码.asp不动 后台生成页面需要购买正版

    时钟验证码,java

    验证码图片采用时钟形式,前台用的是拖动时针和分针形式提交。比较简单,若想做复杂的校验可以优化做路径分析。

    Happy Captcha简易验证码源代码

    Happy Captcha简易验证码是一款易于使用的Java验证码软件包,旨在花最短的时间,最少的代码量,实现Web站点的验证码功能。 Happy Captcha简易验证码提供了图片和动画两种展现形式,验证码内容包括中文(收录3500个...

    shopex模板修改简易手册和ecshop二次开发文档

    ┣ auction.php 拍卖前台文件 ┣ brand.php 品牌列表 ┣ captcha.php 生成验证码 ┣ catalog.php 列出所以分类及品牌 ┣ category.php 商品分类 ┣ comment.php 提交用户评论 ┣ compare.php 商品比较程序 ┣ cycle_...

    一个简单的PHP验证码实现代码

    为提高网站安全性,登陆采用验证码是必不可少的。一款简单精致的PHP验证码应运而生!此验证码简洁美观,源码简单,可以自定义修改样式,是一款不错的验证码。

    校园教育网站管理系统.rar

    采用Asp Access开发的,简单易管理,适用刚学网站或中小企业,可对新闻、文章、供求、特效、图片、音乐、动画、软件等栏目进行添加、管理操作 ...把admin888改成你要的验证码.asp不动 后台生成页面需要购买正版

    KingCMS v6.1 正式版 SP2

    KingCMS拥有简单灵活的多级模板标签、高效的模板解析引擎、可以生成HTML或伪静态、任意扩展的功能模型、定制管理界面、支持SQLite、挂接数据源、内外模板分离模式等众多新颖的功能。  KingCMS v6.1 SP2更新记录: ...

    Strut2版使用kaptcha验证码

    kaptcha验证码在使用上比其它的都方便,配置也相对简单,建议将本实例中的源码导入到Eclipse运行。其中主要有几处配置,一是在Web.xml文件里增加相应的配置,后是在Action里做相关的生成及校验工作。前台采用不刷新...

    java实现验证码类生成中文验证码

    java实现的汉字输入验证码,主要包含两个类,一个是生成验证码,一个是判断验证码输入是否正确,实现原理非常简单,将汉字和干扰线生成图片并将汉字保存到session,前台获取每次生成验证码图片并用文本框值和session值...

    asp.net的生成验证码代码

    asp.net的生成验证码代码。前台比较简单,主要都是后台。 代码为本人整理

    ThinkPHP5&5.1实现验证码的生成、使用及点击刷新功能示例

    验证码现在是用户登录、支付等很多环节的必备元素,ThinkPHP5&5.1给我们提供了验证码的生成方式,也是非常的简单,在这里写一个完整的验证码验证的使用方法,供大家参考。 前台用户在登录时候需要验证码验证才能登录...

    KingCMS企业版(PHP) v6.1.1641 Sp2

    KingCMS内容管理系统:是一套简单易学,操作简单的开源内容管理系统(CMS),支持PHP+sqLite3/MySQL,此版本为KingCMS正式版的Sp2版。 更新记录 修复,前台comment.php的评论分页无效 修复,后台爬虫管理的统计无效 ...

    微风留言本 v1.2.rar

    4. 验证码开关设置(后台和前台以及验证码类型) 5. 留言显示排列方式(升序还是降序) 6. 留言时间格式 7. 留言时间间隔(在一定程度上防止灌水) 8. 留言密码设置(设置留言密码后只有知道密码的人才可以留言...

    嵩嵩报名系统(多项目版) v4.1.zip

    请运行在iis下,不要使用简易调试工具 嵩嵩报名系统(多项目版) v4.1 更新日志 1.首页增加二维码,扫一扫用手机访问 2.修复苹果手机日期选择问题 3.修复状态字段bug 4.更新试用版为仅不验证报名有效限 嵩嵩报名...

    thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法

    主要介绍了thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法,结合简单示例形式分析了thinkPHP5框架验证码相关配置、后台验证、前台刷新等操作技巧,需要的朋友可以参考下

    php利用云片网实现短信验证码功能的示例代码

    我的业务流程就是通过点击发送验证码这个按钮,触发一个ajax请求事件,将手机号发送到后台,后台生成验证码发送到手机端,并返回这个验证码给前台进行验证码的验证。 请求的php后端代码如下 post.php &lt;?php ...

Global site tag (gtag.js) - Google Analytics