一对一视频直播源码，实现验证码生成校验

一对一视频直播源码，实现验证码生成校验的相关代码
逻辑代码

```cpp
<title>验证码生成校验</title>
</head>
<body>
<div class="v_code">
<div class="code_show">
<span class="code" id="checkCode">asd854</span>
<a id="linkbt">看不清换一张</a>
</div>
<div class="input_code">
<label for="inputCode">验证码：</label>
<input type="text" id="inputCode">
<span id="text_show"></span>
</div>
<input type="button" value="确定" id="Button">
</div>
<script>
// 1.生成验证码
// 6位数 0-9 a-f 随机生成6位数 内容必须是0-9 a-f 字符串
// 数组 下标 0、1、2.。。。。 从数组当中随机下标
// 2.进行验证 点击确定时,进行对比
// 页面加载时调用这个方法
window.onload = function(){
var res = getCode();
function getCode(){
var arr =['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f',];
var str = '';
for(var i=0;i<6;i++){
var num = Math.round(Math.random()*(15-0)+0);
str += arr[num]
}
return str;
}
document.getElementById('checkCode').innerText= res;
// 点击切换验证码,重新触发getCode方法
document.getElementById('linkbt').onclick = function(){
document.getElementById('checkCode').innerText= getCode();
}


// 提交进行的对比
document.getElementById('Button').onclick = function(){
var code = document.getElementById('checkCode').innerText;
var inputCode = document.getElementById('inputCode').value;
if(code !=inputCode){
alert('您输入验证码不正确');
// 不正确清空输入框值
document.getElementById('inputCode').value = '';
return false;
}
}

}

</script>
</body>

```

 

以上就是一对一视频直播源码，实现验证码生成校验的相关代码， 更多内容欢迎关注之后的文章

posted @ 2021-08-18 14:33  云豹科技-苏凌霄  阅读(151)  评论(0)  编辑  收藏  举报