JS生成4位验证码

最新推荐文章于 2023-11-02 19:54:09 发布

weixin_42467319

最新推荐文章于 2023-11-02 19:54:09 发布

阅读量677

点赞数

CC 4.0 BY-SA版权

文章标签： PH JS

本文链接：https://blog.youkuaiyun.com/weixin_42467319/article/details/87641175

这篇博客主要介绍了如何使用JavaScript生成一个4位数字的验证码，并在页面上显示。当用户输入验证码并点击提交按钮时，博客中的JS代码会进行验证，如果输入正确则显示"Right"，否则页面将自动刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

PHP

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<?php
// put your code here
?>
<input type="text" id="veri"><section id="s1"></section><section id="s2"></section>
<button onclick="check()">提交</button>
<script src="js.js"></script>
</body>
</html>

JS

/* 设置id*/
function $(id){
return document.getElementById(id);
}
/*生成验证码*/
var v="";
window.onload=f1;
function f1(){
var s=new Array(0,1,2,3,4,5,6,7,8,9);
for(var i=0;i<4;i++){
var r=Math.floor(10*Math.random());
var a=s[r];
v+=a;
}
$('s1').innerHTML=v;
}
/*检验验证码*/
;
function check(){
var veri=$('veri').value;