ホームページ  >  記事  >  ウェブフロントエンド  >  JS が検証コードをランダムに生成する方法のコード共有例

JS が検証コードをランダムに生成する方法のコード共有例

黄舟
黄舟オリジナル
2017-06-01 09:14:472196ブラウズ

この記事では主にjs認証コードをランダムに生成する具体的な方法を詳しく紹介しますので、興味のある方は参考にしてください

私がこれまでに出会った認証コードはすべて

です。 、今日、js を使用してランダムな確認コードを生成するデモを見つけました。試して共有します。

効果:

html コード:

<p>验证码:</p>
 <p id="login" onclick="change()">
  <a href="#" rel="external nofollow" ></a>
 </p>

はクリック イベント

を p に設定します。js コードは次のとおりです:

 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;

変数

を定義し、その値を 26 文字と 0 ~ 9 10 にします数字。

Math.random()

を使用すると、システムは 0.0 以上 1.0 未満の疑似乱数の double 値をランダムに選択できます。 例: Math.random()*62 得られる値:

Math.floor

は、以前のブログでも触れた数値を切り捨てています。

charAt

メソッドは指定された位置の文字を返すことができます。これについては以前ブログで説明しました。 これらはすでによく知られているものなので、

レビュー

として考えてください。 4 つの乱数を取得し、それらを p タグに結合します。望ましい効果が得られます。

以上がJS が検証コードをランダムに生成する方法のコード共有例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。