よくWordPressなんかでもパスワードを作成する際、自動でランダムなパスワードを生成するボタンがありますが、jQueryで簡単に実装することができます。

function genRandomStr() {
        // 使用する文字の定義
        var str = "abcdefghijkmnpqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789";

        // 桁数の定義
        var len = 32;

        // ランダムな文字列生成
        var result = "";
        for (var i=0; i<len; i++) {
            result += str.charAt(Math.floor(Math.random() * str.length));
        }
        console.log(result);
        // 結果表示
        $('#random?pass').val(result);
      }

      $('#auto_pass').on("click",function(){
        genRandomStr();
      });

    } );

※ for 文の中で使っている Math.floor メソッドは小数点以下の値を切り捨てるメソッドです。
Math オブジェクトの Math.random メソッドは乱数を生成して返します。
String オブジェクトの charAt メソッドは、対象の文字列の指定したインデックスが示す位置にある文字を取得します。

Sauna Bouya

jQuery記事一覧