Javascript随机验证码

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>随机验证码</title>
</head>
<body>
<span id="msg"></span>
<input type="button" value="刷新" onclick="show()">
<script>
function validateCode(n){
var s="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
var ret="";
for(var i=0;i<n;i++){
var index=Math.floor(Math.random()*62);
ret+= s.charAt(index);
// alert(Math.floor(Math.random()*62));
}
return ret;
}
function show(){
document.getElementById("msg").innerHTML=validateCode(5);
}
function renovates(){
document.location.reload();
}
window.onload=show;
</script>
</body>
</html>

时间: 2024-11-03 01:16:16

Javascript随机验证码的相关文章

输出随机验证码图片

1 /** 2 * //输出随机验证码图片:CAPTCHA图像 3 */ 4 public class ServletDemo1 extends HttpServlet { 5 private static final long serialVersionUID = 1L; 6 7 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOEx

在JSP中动态生成随机验证码,登录时后台校验验证码,以及如何避免同一个验证码被重复提交爆破密码

只需几步就可以生成动态随机的验证码,最终效果如下图: 一 前台显示页面login.jsp 其中验证码显示的是一张图片,链接指向的是生成验证码的servlet,同时点击图片后触发changeImg()这个js函数,使其动态生成一个新的验证码,这个函数中的参数t=Math.random()并不会参与验证码的生成,它的作用仅仅只是表示每次提交的并不是同一个请求,需要单独处理,完整的login.jsp代码如下: <%@ page language="java" contentType=&

伪验证码(含随机验证码方法)js+css

HTML----------------------------------------------<!DOCTYPE html><html><head><meta charset="UTF-8"><title>伪验证码</title><link rel="stylesheet" href="../css/Job08_08_03.css" type="text

php实现动态随机验证码机制(CAPTCHA)

php实现动态随机验证码机制 验证码(CAPTCHA)是“Completely Automated Public Turing test to tell Computers and Humans Apart”(全自动区分计算机和人类的图灵测试)的缩写,是一种区分用户是计算机还是人的公共全自动程序.可以防止:恶意破解密码.刷票.论坛灌水,有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试,实际上用验证码是现在很多网站通行的方式,我们利用比较简易的方式实现了这个功能. 这个

黑马day04 画一个汉字的随机验证码的图片

下面的程序详细介绍了如何画一个随机验证码发送到客户端即浏览器进行显示: 1.画随机验证码的代码: package cn.itheima.response; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Graphics2D; import java.awt.image.BufferedImage; import java.io.IOException; import j

四位数的随机验证码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> 四位数的随机验证码</title> <style type="text/css"> body,div{margin:0;padding:0;font-family:"微软雅黑";font-size: 18

随机验证码实现

1 <!doctype html> 2 <html lang="zh-CN"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>随机验证码</title> 6 <style> 7 div{ 8 height: 20px; 9 background: url(images/1.jpg); 10 font-size: 20px; 11 } 12 i{

关于javascript生成验证码

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>验证码生成</title> 7 <style type="tex

20 随机验证码&amp;发表评论

随机验证码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>随机验证码</title> 6 <style type="text/css"> 7 *{ 8 padding:0; 9 margin:0; 10 } 11 .box{ 12 top:200px;