网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文：

　

标题 JS简单编号生成器实现方法(附demo源码下载)
范文
    本文实例讲述了JS简单编号生成器实现方法。分享给大家供大家参考，具体如下：
    运行效果截图如下：
    名单
    具体代码如下：
    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>编号生成器</title>
    </head>
    <body>
    <h1>编号生成器</h1>
    <div>
    前缀：<input id="txtBegin" type="text" value="" /> 后缀：<input id="txtEnd" type="text" value="" />
    <br />
    位数：<input id="numCount" type="number" value="5" />
    </div>
    <div>
    <label><input type="radio" name="a1" onclick="fnNum();" checked /> 连续数字</label>
    <label><input type="radio" name="a1" onclick="fnPwd();" /> 随机字符</label>
    </div>
    <div id="divNum">
    范围：<input id="numBegin" type="number" value="0" /> ~ <input id="numEnd" type="number" value="100" />
    <br />
    过滤字符：<input id="txtLimit" type="text" value="" /> 多个使用,号分割
    </div>
    <div id="divPwd">
    <h3>0123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ</h3>
    包含字符：<input id="txtChar" type="text" value="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789" />
    <br />
    随机生成个数：<input id="txtCount" type="number" value="100" />
    </div>
    <input type="button" value="生成号码" onclick="run();" /> <span id="spanResult"></span>
    <hr />
    <textarea id="txtContent">
    </textarea>
    <script>
    var boNum = true;
    function fnNum()
    {
      document.getElementById('divNum').style.display = 'block';
      document.getElementById('divPwd').style.display = 'none';
      boNum = true;
    }
    function fnPwd()
    {
      document.getElementById('divNum').style.display = 'none';
      document.getElementById('divPwd').style.display = 'block';
      boNum = false;
    }
    function run()
    {
      var str = '';
      var txtCount = parseInt(document.getElementById('txtCount').value);
      var txtBegin = document.getElementById('txtBegin').value;
      var txtEnd = document.getElementById('txtEnd').value;
      var txtChar = document.getElementById('txtChar').value;
      var numCount = parseInt(document.getElementById('numCount').value);
      var numBegin = parseInt(document.getElementById('numBegin').value);
      var numEnd = parseInt(document.getElementById('numEnd').value);
      var txtLimit = document.getElementById('txtLimit').value;
      var limit = txtLimit.split(',');
      if (txtLimit == '')
      {
        limit = [];
      }
      var count = 0;
      if (!boNum)
      {
        var list = [];
        for (var i=0; i<txtCount; i++)
        {
          var s = '';
          for (var j=0; j<numCount; j++)
          {
            s += txtChar.charAt(Math.floor(Math.random() * txtChar.length));
          }
          var bo = false;
          for (var ii=0; ii<list.length; ii++)
          {
            if (list[ii] == s)
            {
              bo = true;
              alert(s);
              break;
            }
          }
          if (bo) continue;
          str += txtBegin + s + txtEnd + '\r\n';
          list.push(s);
          count++;
        }
      }
      else
      {
        for (var i=numBegin; i<numEnd+1; i++)
        {
          var s = '' + i;
          s = (new Array( numCount - s.length + 1 ).join('0')) + s;
          var bo = false;
          for (var k=0; k<limit.length; k++)
          {
            if (s.indexOf(limit[k]) != -1)
            {
              bo = true;
              break;
            }
          }
          if (bo) continue;
          str += txtBegin + s + txtEnd + '\r\n';
          count++;
        }
      }
      document.getElementById('txtContent').value = str;
      document.getElementById('spanResult').innerHTML = '生成了 ' + count + ' 个';
    }
    </script>
    </body>
    </html>
    希望本文所述对大家JavaScript程序设计有所帮助。
随便看

　

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。

　

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间：2025/5/18 21:51:48