JS验证不重复验证码
更新时间：2017年02月10日 10:09:03 作者：完美续航
本文主要介绍了JS验证不重复验证码的示例代码。具有很好的参考价值，下面跟着小编一起来看下吧
话不多说，请看代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>不重复验证码</title>
<style>
.cont{width:300px;height:auto;margin:50px auto;}
#useId{width:120px;height:45px;line-height:45px;background:#ccc;text-align:center;font-size:20px;margin:10px;}
</style>
</head>
<body>
<div class="cont">
<div id="useId"></div>
<input type="text" id="txt" />
<input type="button" id="btn" value="Start" />
<div>
<script>
function $(id){
return document.getElementById(id);
}
var $useId = $('useId'),
$txt = $('txt'),
$btn = $('btn');
function getStr(){
var string = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789',
str = '';
while(str.length < 6){
var str1 = string.charAt(Math.round(Math.random() * 56));
if(str.indexOf(str1) === -1){
str += str1;
}
}
$useId.innerHTML = str;
}
function checkCode(){
if($txt.value == $useId.innerHTML){
alert('验证成功');
}else{
alert('验证失败');
}
}
$useId.onclick = getStr;
$btn.onclick = checkCode;
</script>
</body>
</html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要介绍了js实现文本框宽度自适应文本宽度的方法,可实现根据文本框内容动态改变宽度的功能,涉及javascript动态操作页面元素属性的技巧,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了基于JavaScript实现抽奖系统，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-01-01
用 javascript 实现的点击复制代码，需要的朋友可以参考一下2007-03-03
本文为大家介绍下js如何获取location.href的参数，需要注意的是去掉参数里最开头的?号，具体实现如下，有需要的朋友可以参考下，希望对大家有所帮助2013-08-08
卡拉 OK 字幕效果...2006-08-08
javascript while语句和do while语句的区别分析
这篇文章通过实例代码较详细的给大家介绍了javascript while语句和do while语句的区别，感兴趣的朋友一起看看吧2007-12-12
使用Webpack压缩与转译JavaScript代码的操作方法
在Web开发中,代码的性能和加载时间是用户体验的重要组成部分,为此,将JavaScript代码压缩和优化是发布前一个必不可少的步骤,所以本文给大家介绍了如何使用Webpack压缩与转译JavaScript代码,需要的朋友可以参考下2024-05-05
在Web项目的开发中,js,css文件会随着项目的开发变得越来越多,越来越大,这就给给性能方面带来一些问题;解决该问题的一个好的方法就是合并js,css文件需要了解的朋友可以参考下2012-12-12
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
这篇文章主要介绍了微信小程序获取session_key,openid,unionid的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
这篇文章主要介绍了JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法,涉及JS递归算法操作数组实现排序功能的相关技巧,需要的朋友可以参考下2017-01-01
最新评论