关于js生成随机验证码并验证
2020-06-29 04:59
936 查看
用JavaScript生成随机验证码并验证
- body部分
<span id="code" style="background-color: #ccc">1010</span> <input type="button" value="刷新" onclick="randomCode()"><br> <input type="text" id="txt" placeholder="请输入验证码"> <input type="button" value="提交" onclick="checkCode()">
- script部分
<script> //获取元素 var code = document.getElementById('code'); var txt = document.getElementById('txt'); //新建字符串,字符串中包含所有的值 var str = '0123456789abcdefghijklmnopqrstuvwxyz'; //封装函数 function randomCode() { //定义一个空的字符串 var strNew = ''; // 随机产生四位字符,放在code元素里 for (var i = 0; i < 4; i++) { var index = parseInt(Math.random() * str.length); strNew += str.charAt(index); } // 设置code元素的innerText code.innerText = strNew; } //验证输入的是否正确,函数封装 function checkCode() { if (txt.value == code.innerText) { alert('验证成功'); } else { alert('验证失败,请重新输入'); txt.value = ''; randomCode(); } } </script>
相关文章推荐
- js生成验证码并验证
- java生成随机六位数的验证码&随机生成十位数ValidCode码,用于邮件的验证&检查是不是符合为合法的中国的手机号码
- js生成验证码并验证的登录页面
- JS生成随机验证码
- js随机生成一个验证码
- JS生成随机验证码
- 基于JS实现一个随机生成验证码功能
- 利用JS写一个 随机验证码的验证,同时忽略大小写
- JS实现随机生成四位验证码(数字+大小写字母+随机颜色)
- JS随机生成生成验证码
- Ajax 验证用户输入的验证码是否与随机生成的一致
- Ajax 验证用户输入的验证码是否与随机生成的一致
- js实现登录界面验证码生成及验证
- js实现页面随机生成验证码(验证码混淆)
- js随机生成一个验证码
- 网络应用:生成随机验证图片并在输入验证码后判断验证码是否正确
- 纯js随机生成验证码
- js生成验证码并验证
- 关于在前端验证后端生成的验证码
- js生成随机验证码,并插入到div当中