Maison > interface Web > js tutoriel > le corps du texte

Exemple de partage de code montrant comment JS génère aléatoirement un code de vérification

黄舟
Libérer: 2017-06-01 09:14:47
original
2182 Les gens l'ont consulté

Cet article présente principalement en détail la méthode spécifique de js générant aléatoirement un code de vérification Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer

. Les codes de vérification que j'ai rencontrés auparavant sont tous des images Aujourd'hui, je suis tombé sur une démo qui utilise js pour générer des codes de vérification aléatoires, je vais l'essayer et la partager avec vous.

Effet :

Code HTML :

<p>验证码:</p>
 <p id="login" onclick="change()">
  <a href="#" rel="external nofollow" ></a>
 </p>
Copier après la connexion

Définir un clic clic événement pour p, Le js est le suivant :

 function getCode(n) {
  var all = "azxcvbnmsdfghjklqwertyuiopZXCVBNMASDFGHJKLQWERTYUIOP0123456789";
  var b = "";
  for (var i = 0; i < n; i++) {
   var index = Math.floor(Math.random() * 62);
   b += all.charAt(index);

  }
  return b;
 };

 function change() {
  document.getElementById("login").innerHTML = getCode(4);

 }
 window.onload = change;
Copier après la connexion

Définissez une variable et laissez sa valeur être de 26 lettres et dix chiffres de 0 à 9.

Math.random() permet au système de sélectionner aléatoirement une valeur double pseudo-aléatoire supérieure ou égale à 0,0 et inférieure à 1,0.
Par exemple : Math.random()*62 La valeur obtenue :

Math.floor arrondit un nombre, avant qu'il n'ait été mentionné dans le blog. La méthode

charAt peut renvoyer le caractère à la position spécifiée, qui a déjà été mentionnée dans le blog.

Ceux-ci sont déjà très familiers, pensez-y simplement comme une critique.

Obtenez quatre nombres aléatoires et collez-les dans la balise p. Vous obtenez l'effet souhaité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal