数字、文字、またはランダムな色の数字と文字の混合で構成される n 桁の確認コード。以下に完全なコードを示します。必要な場合はご利用ください。 関数 verify(a = 6,b = "num"){ // 3 つのランダム検証コードを定義します。検証コード ライブラリ var num = "0123456789" var str = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNIPQRSTUVWXYZ" var ミックスイン = num + str; //検証コードを格納するための空の文字列を定義します var verify="" if(a == 未定義 || b == 未定義){ // 入力が正当かどうかを確認します。失敗した場合は例外をスローします。throw new Error("Parameter exception"); }それ以外{ if(a == "" || b==""){ //ユーザーが入力していないかどうかを判断します throw new Error("不正なパラメータです。"); }それ以外{ //入力タイプを検出して入力するかどうかを決定します var typea = typeof(a); var typeb = typeof(b); if(typea == "数値" && typeb == "文字列"){ if(b == "num"){ //検証コードを受け取るためのループを定義します。純粋なデジタル検証コード for(var i=0;i<a;i++){ //色のランダムな値を格納する変数を定義します。var r1 = Math.random()*255; var g1 = Math.random()*255; var b1 = Math.random()*255; //ランダムインデックスを決定する var index = Math.floor(Math.random()*(num.length-1)) //ランダム検証コードを決定します var char = num[index]; //ランダム検証コードに色を追加する verify += `<span style ='color:rgb(${r1},${g1},${b1})'>${char}</span>` } //配列自体に戻る return verify; }そうでない場合(b == "str"){ (var i=0;i<a;i++){ // 純粋な文字の検証コード var r1 = Math.random()*255; var g1 = Math.random()*255; var b1 = Math.random()*255; var index = Math.floor(Math.random()*(str.length-1)); var char = str[インデックス]; 検証 += `<span style ='color:rgb(${r1},${g1},${b1})'>${char}</span>` } 確認を返す。 }そうでない場合(b == "ミックスイン"){ // 混合検証コード for(var i=0;i<a;i++){ var r1 = Math.random()*255; var g1 = Math.random()*255; var b1 = Math.random()*255; var index = Math.floor(Math.random()*(mixin.length-1)); var char = mixin[インデックス]; 検証 += `<span style ='color:rgb(${r1},${g1},${b1})'>${char}</span>` } 確認を返す。 }それ以外{ //検証に失敗した場合は、例外がスローされます。 throw new Error("入力タイプが不正です。") } }それ以外{ //検証に失敗した場合は、例外がスローされます。 throw new Error("入力タイプが不正です。") } } } } 関数を呼び出してみます //最初の値はユーザーが入力した長さ、2 番目の値はタイプです。 var arr = verify(8,"mixin"); ドキュメントを書き込みます 上記が結果です! 今後の利便性のためにこれを記録しました。また、大物たちがもっとコミュニケーションを取り、もっとメッセージを残して、私の欠点を指摘してくれることを願っています。 困っている友達はそれを勉強することができます! ! ランダムカラー検証コードのJavaScript関数カプセル化に関するこの記事はこれで終わりです。関連するjs関数カプセル化カラー検証コードの内容については、123WORDPRESS.COMの以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも123WORDPRESS.COMを応援してください。 以下もご興味があるかもしれません:
|
<<: ダウンロードにおすすめの氷と雪のフォント 33 種類 (個人用および商用)
>>: 検索ナビゲーションバー付きの CSS サンプルコード
1. コンポーネントと実装機能Keepalived: Haproxy サービスの高可用性を実現し、...
1. ファイル削除コマンド:対応するディレクトリを検索します -mtime + 日数 -name &...
目次使用されるAPI簡単な例人.ts親コンポーネントサブコンポーネント効果要約する使用されるAPI ...
前面に書かれたNginx は単なるリバース プロキシおよび負荷分散サーバーではなく、電流制限、キャッ...
MySQL のパフォーマンスに問題があると思われる場合は、通常、まずshow processlist...
目次1. はじめに2. 使用1. vue2とvue3の違い2. ページ上の一部のデータはキャッシュす...
ここで、次のような項目をフォームに追加したいとします: 現在いる都市を参照します。ここで私たちが話し...
目次例示する1. Dockerリモートアクセスを有効にする2. Dockerに接続する3. イメージ...
Docker は、次の CentOS バージョンでの実行をサポートしています。 • CentOS 7...
XHTML タグの紹介<br />おそらく、前のセクションで、XHTML ファイルと通常...
目次序文SVGを生成するSVGスプライトの紹介プロジェクトアイコンを取得するプロジェクトのセットアッ...
目次背景MySQLが完全に起動したかどうかを確認する方法事故最初の変更2回目の改訂要約するMySQL...
目次ブロックレベル関数オブジェクトのプロトタイプを直接変更すると呼び出された人発信者評価ブロックレベ...
PHP のコンパイル時に -enable-gd-jis-conv オプションを追加することで発生する...
前回の記事では、MySQL 5.7.19 無償インストール版 (64 ビット) の設定方法についての...