Maison  >  Article  >  interface Web  >  Exemple de partage de code montrant comment JS génère aléatoirement un code de vérification

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

黄舟
黄舟original
2017-06-01 09:14:472192parcourir

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>

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;

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!

Déclaration:
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