js-Match.randowm()簡単な検証コードを生成します.
20333 ワード
第一種類:単純な純粋な数字の検証コード
span style="color:#a6e22e;">html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js title>
head>
<body>
<div class="yzm" style="width: 20%;height: 300px;text-align: center;background-color: pink;line-height: 200px;">div>
body>
html>
<script>
window.onload = function () {
var yzm=document.querySelector(".yzm");
// rand()
yzm.innerHTML=rand(5);
//
yzm.onclick=function() {
var num = rand(5);
this.innerHTML = num;
};
//
function rand(number){
//
var num="";
for(var i=0;i<number;i++){
num+=Math.floor(Math.random()*10)
}
return num;
}
}
script><html>
<head>
<meta charset="UTF-8">
<title> title>
<style type="text/css">
#code
{
font-family:Arial;
font-style:italic;
font-weight:bold;
border:0;
letter-spacing:2px;
color:blue;
}
style>
head>
<body>
<div>
<input type = "text" id = "input"/>
<input type = "button" id="code" οnclick="createCode()"/>
<input type = "button" value = " " onclick = "validate()"/>
div>
body>
html>
<script>
var code ; //
var number = 5;//
var checkCode = document.getElementById("code");
// ( )
window.onload = function (){
createCode();
};
// ( ， )
function createCode(){
code = "";
var codeLength = number;//
// var checkCode = document.getElementById("code");
var random = [0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',
'S','T','U','V','W','X','Y','Z','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r',
's','t','u','v','w','x','y','z'];//
for(var i = 0; i < codeLength; i++) {//
var index = Math.floor(Math.random()*random.length);// (random.length)
code += random[index];// code
}
checkCode.value = code;// code
}
//
function validate(){
var inputCode = document.getElementById("input").value.toUpperCase(); //
if(inputCode.length <= 0) { // 0
alert(" ！"); //
} else if(inputCode != code.toUpperCase() ) { // ，
alert(" ！@_@"); //
createCode();//
document.getElementById("input").value = "";//
}
else { //
alert(" ^-^"); // ^-^
}
}
script>