随机生成4位数验证码

た入场券 2022-03-25 11:56 2733阅读 0赞

一、随机生成4位数字字母混合验证码  
1.将52个字母和10个数字放在一个字符串中  
2.随机生成下标  
3.输出

<!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>随机生成4位验证码</title>
    <style type="text/css">
    	input{
    		display:block;
    		margin:0 auto;
    		border:2px solid greenyellow;
    	}
    	#txtId{
    		display:block;
    		width:120px;
    		height:120px;
    		text-align:center;
    		line-height:120;
    		font-size:28px;
    		margin-bottom:20px;
    	}
    
    </style>
    </head>
    <body>
    	<input id="txtId" type="text"/>
    	<input type="button" value="随机验证码" onclick="yanZhengMa()"/>
    </body>
    </html>
    <script type="text/javascript">
    	//ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefjhigklmnopqrstuvwxyz
    	function yanZhengMa(){
    	//1.将52个字母和10个数字放在一个字符串中
    	var str="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefjhigklmnopqrstuvwxyz";
    	//2.随机生成下标
    	var result="";
    	for(var i=0; i<4; i++){
    		var num=parseInt(Math.random()*str.length);
    		result=result+str.charAt(num);
    	}
    	//3.输出
    	document.getElementById("txtId").value=result;
    }
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，2733人围观）

还没有评论，来说两句吧...

相关阅读

相关 js —— 随机生成验证码

随机生成验证码效果图 ![在这里插入图片描述][20190823144338777.gif] > 思想：数字、大写字母、小写字母和汉字分别按照25%的比例随...

骑猪看日落/ 2024年04月17日 05:42/ 0 赞/ 34 阅读

相关 JS生成随机验证码

在js中加入下列代码，需要验证码时调用即可。代码如下： //参数表示生成验证码的位数 function randomString(len) {

分手后的思念是犯贱/ 2022年06月09日 03:08/ 0 赞/ 256 阅读

相关随机生成验证码

//login.jsp加入 <dt>验证码</dt> <dd> <input type="text" name="c

蔚落/ 2022年05月14日 14:28/ 0 赞/ 381 阅读

相关随机验证码的生成

随机验证码的生成（手机或者邮箱验证码）先写了个随机验证码的工具类 public class Randomutil \{ private Randomutil() \

怼烎@/ 2022年05月08日 10:22/ 0 赞/ 331 阅读

相关随机验证码的生成

开发工具与关键技术：DW JavaScript 作者：Mr\_肖先生撰写时间：2019年2月18日在JavaScript中，有个随机生成数字的函数叫 Math.r

左手的ㄟ右手/ 2022年04月23日 11:42/ 0 赞/ 304 阅读

相关生成随机密码，验证码

PHP写法： //A-Z a-z 0-9 !$%^& $str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmno

柔光的暖阳◎/ 2022年04月15日 02:57/ 0 赞/ 273 阅读

相关随机生成4位数验证码

一、随机生成4位数字字母混合验证码 1.将52个字母和10个数字放在一个字符串中 2.随机生成下标 3.输出 <!doctype html> <h

た入场券/ 2022年03月25日 11:56/ 0 赞/ 2734 阅读

相关 java生成随机验证码

package com; import java.awt.Color; import java.awt.Font; import java.aw

桃扇骨/ 2022年01月31日 03:13/ 0 赞/ 390 阅读

相关登录生成随机验证码

[点击创业][Link 1] 登录+验证码。验证码生成是单独的一个servlet，通过web.xml进行拦截。先贴web.xml配置代码，很简单。 \[html\

港控/mmm°/ 2021年10月08日 07:08/ 0 赞/ 455 阅读

相关【验证码】PHP生成随机验证码

<?php // Header("Content-type: image/gif"); / 初始化 / $bo

本是古典何须时尚/ 2021年09月26日 02:36/ 0 赞/ 534 阅读