javascript ランダム番号発番について

Question

function GetRandomNumber() {
   var randnum = Math.floor( Math.random() * (10000-1000)+1000);
   document.getElementById("sample").innerHTML = "1" + randnum;   
}

としたjavascriptについてお聞きします。

頭が「1で始まる」「5桁のランダムな」「絶対に重複しない」数字を発番したいです。
上記javascriptでは重複してしまう可能性はありますか？

Answer

ECマスターズの北原です。


function GetRandomNumber() {
var randnum = Math.floor( Math.random() * (10000-1000)+1000);
document.getElementById("sample").innerHTML = "1" + randnum;
}


>上記javascriptでは重複してしまう可能性はありますか？

こちらのjavascriptでは、 重複の可能性がございます。
重複を絶対に回避するのであれば、一度発番した数字を記録し
二度と使わないようにするなどの処理が必要となります。

状況によって処理も違うため、
どのように使うかをご教授いただけますでしょうか。

Answer

https://e-naire.club/AC_amicominc/product_detail?code=originalmag
このデザインツールから進んでいき、

https://e-naire.club/AC_amicominc/tool/design.php
このページ内の、「デザインを確認する」ボタンを押した後のページで

「デザイン管理番号を発行する」ボタンを押すと、
amicominc-　の後に表示される数字が該当箇所です。

1から始まることは実際は必要なく、とにかく同じ番号が一切発行され無いことが大事です。
また、桁数が多いほうが重複し無いということであれば、桁数も今の桁数である必要はありません。

Answer

また「デザイン管理番号を発行する」を押した際に表示されるデザイン管理番号と、
実際に入力するデザイン管理番号が完全一致しない場合「デザイン管理番号に誤りがあります」というエラーを表示させたいです。

Answer

失礼しました。

Answer

ECマスターズの北原です。

JavaScriptのみで重複のない5~6桁の数字を生成することができません。
絶対に被らない数字でしたら、現在時刻のミリ秒を使用するのがお勧めです。
ミリ秒は13桁の数字（例：1649329053066）ですので、
amicominc-を変える、または最大文字数を増やして頂く必要があります。

現在時刻のミリ秒を取得するJavaScript

var time = new Date();
time.getTime();


> 「デザイン管理番号を発行する」を押した際に表示されるデザイン管理番号と、
実際に入力するデザイン管理番号が完全一致しない場合「デザイン管理番号に誤りがあります」というエラーを表示させたいです。

下記HTMLとJavascriptを記述することで、
エラーメッセージを表示させることができるかと思います。


デザイン管理番号※

次に記される「デザイン管理番号」を手入力してください。
1つのデザイン管理番号で保存できるデザインは１つです。同じデザイン管理番号でデザイン確定しますと、上書きされます。ご注意ください。

デザイン管理番号はこちら↓
表示されている番号と同じ内容をご入力ください。

Answer

頭のアルファベットは最低4文字必須でこれは変更できません。
その直後の-は必須の為、併せると17文字以上ということになりますね。

pattern="^([a-zA-Z0-9]{8,16})$"
を
pattern="^([a-zA-Z0-9]{17,})$"
で宜しいでしょうか。

また、ミリ秒の部分13桁の数字をハイフンで区切って見やすくできませんか。
3桁-3桁-4桁 のように。

Answer

間違えました。

ミリ秒の部分13桁の数字をハイフンで区切って見やすくできませんか。
3桁-3桁-3桁-4桁 のように。

Answer

ECマスターズの北原です。

> pattern="^([a-zA-Z0-9]{17,})$"で宜しいでしょうか。

こちらで問題ないかと思います。

>ミリ秒の部分13桁の数字をハイフンで区切って見やすくできませんか。
>3桁-3桁-3桁-4桁 のように。

以下のJavaScriptを記述することで文字を区切れるかと思います。
最後『text』という変数に区切られた文字が格納されています。
『-』で区切ったことにより、ミリ秒部分が16文字となります。

出力例：164-937-960-0098


            var time = new Date();
            time = time.getTime().toString();

            text = '';
            for (let i = 0; i < 4; i++) {
                if (i != 3) {
                    text += time.substr(i * 3, 3) + '-';
                } else {
                    text += time.substr(i * 3, 4);
                }
            }
            console.log(text);

Answer

tool/controller.phpの中に、次の記述がありますが、
これらは修正しないで良いでしょうか。
/////////////ここから///////////////

       $('#user_id').on('keyup',function(){
            var str = $(this).val();
            var msg = '';
            var slug = Controller._slug;
            var okflg = false;

            if( str.length == 0 ){

               _chg_border.call($(this),false);

            }else{

               //var reObj = new RegExp("^" + slug + "-[A-Za-z0-9]", "g");
               //console.log( reObj.source )

               if( str.match(/[-]/) ){
                   var sp = str.split('-');

                   if( sp.length > 2 ){

                     okflg = false;

                   }else if( sp[0] === slug && sp[1].match(/^[0-9]{4,16}$/) ){
                       _chg_border.call($(this),true);
                       okflg = true;
                   }
               }


               if( okflg == false ){
                msg = '「デザイン管理番号」を入力の際、半角全角にご注意ください。';
                 _chg_border.call($(this),false);
               }
           }
           $(this).parent().find('.help-block').text( msg );
           _chk();

       });


/////////////ここまで///////////////

Answer

ECマスターズの北原です。

>これらは修正しないで良いでしょうか。

修正の必要はないかと思います。
そのままご利用いただけると思います。

Answer

以下、２点変更しました。
自身の環境に合わせたつもりですが、チェックをお願い致します。
ただ、「デザイン管理番号に誤りがあります」と表示されたら、正しい内容を入力しても、その文字が現状消えないです。

■■■変更後１■■■

Answer

本番サイトのため、お客様に誤解が生じてしまうので、
「デザイン管理番号に誤りがあります」を「デザイン管理番号に誤りが無いか、ご確認ください。」に一時的に変更しております。

Answer

document.getElementById("sample").innerHTML = text;
で行ったところ、新たな問題が生じ、それをすぐに解決出来ませんでしたので、
document.getElementById("sample").innerHTML = time;
として、- 無しで一時的に表示させております。

「デザイン管理番号に誤りがあります」と表示されたら、正しい内容を入力しても、その文字が現状消えないです。正しい内容を入力したら「デザイン管理番号に誤りがあります」が消えるようにしたいです。

Answer

ECマスターズの北原です。

>正しい内容を入力したら「デザイン管理番号に誤りがあります」が消えるようにしたいです。

jQueryを使っているようでしたので、jQueryで書き直しました。
こちらのスクリプトに変えて、再度お試しください。


            $(function () {
                $('#user_id').on('change', function () {
                    var admin_number = 'amicominc-'   $('#sample').text();
                    console.log(admin_number);
                    if ($(this).val() != admin_number) {
                        $('#error-message').text('デザイン管理番号に誤りが無いか、今一度ご確認ください。');
                    } else {
                        $('#error-message').text('');
                    }
                });
            });
            //# sourceURL=error-message.js
        

こちらでも直らない場合、お手数をおかけしますが
再度ご返信をお願い致します。