JS简单编号生成器实现方法(附demo源码下载)


Posted in Javascript onApril 05, 2016

本文实例讲述了JS简单编号生成器实现方法。分享给大家供大家参考,具体如下:

运行效果截图如下:

JS简单编号生成器实现方法(附demo源码下载)

具体代码如下:

<!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 style="margin:10px 0;">
<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" style="display:none;">
<h3>0123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ</h3>
包含字符:<input id="txtChar" type="text" value="ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789" style="width:600px;" />
<br />
随机生成个数:<input id="txtCount" type="number" value="100" />
</div>
<input type="button" value="生成号码" onclick="run();" /> <span id="spanResult"></span>
<hr />
<textarea id="txtContent" style="width:600px; height:500px;">
</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程序设计有所帮助。

Javascript 相关文章推荐
JavaScript库 开发规则
Jan 31 Javascript
由JavaScript中call()方法引发的对面向对象继承机制call的思考
Sep 12 Javascript
jquery动态改变form属性提交表单
Jun 03 Javascript
轻量级网页遮罩层jQuery插件用法实例
Jul 31 Javascript
js实现索引图片切换效果
Nov 21 Javascript
jQuery向父辈遍历的简单方法
Sep 18 Javascript
jquery中each循环的简单回滚操作
May 05 jQuery
node.js利用mongoose获取mongodb数据的格式化问题详解
Oct 06 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
Jan 08 Javascript
详解Vue This$Store总结
Dec 17 Javascript
VUE+elementui面包屑实现动态路由详解
Nov 04 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
Apr 05 #Javascript
JavaScript图像延迟加载库Echo.js
Apr 05 #Javascript
超漂亮的Bootstrap 富文本编辑器summernote
Apr 05 #Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
Apr 05 #Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 #Javascript
js拖拽的原型声明和用法总结
Apr 04 #Javascript
javascript如何实现360度全景照片问题汇总
Apr 04 #Javascript
You might like
星际争霸中的对战模式介绍
2020/03/04 星际争霸
WINDOWS 2000下使用ISAPI方式安装PHP
2006/09/05 PHP
PHP下几种删除目录的方法总结
2007/08/19 PHP
PHP网站备份程序代码分享
2011/06/10 PHP
基于php socket(fsockopen)的应用实例分析
2013/06/02 PHP
以文件形式缓存php变量的方法
2015/06/26 PHP
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
php rmdir使用递归函数删除非空目录实例详解
2016/10/20 PHP
国外的为初学者写的JavaScript教程
2008/06/09 Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
jQuery实现边框动态效果的实例代码
2016/09/23 Javascript
JS冒泡事件与事件捕获实例详解
2016/11/25 Javascript
简单谈谈axios中的get,post方法
2017/06/25 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
js中getter和setter用法实例分析
2018/08/14 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
2019/04/17 Javascript
VUE+elementui面包屑实现动态路由详解
2019/11/04 Javascript
分析python服务器拒绝服务攻击代码
2014/01/16 Python
深入浅析ImageMagick命令执行漏洞
2016/10/11 Python
在Pandas中给多层索引降级的方法
2018/11/16 Python
django连接oracle时setting 配置方法
2019/08/29 Python
Python paramiko模块使用解析(实现ssh)
2019/08/30 Python
postman传递当前时间戳实例详解
2019/09/14 Python
python 动态调用函数实例解析
2019/10/21 Python
Python协程 yield与协程greenlet简单用法示例
2019/11/22 Python
tensorflow求导和梯度计算实例
2020/01/23 Python
python高阶函数map()和reduce()实例解析
2020/03/16 Python
python 删除excel表格重复行,数据预处理操作
2020/07/06 Python
Python rabbitMQ如何实现生产消费者模式
2020/08/24 Python
用css3写出气球样式的示例代码
2017/09/11 HTML / CSS
写一个函数返回1+2+3+…+n的值(假定结果不会超过长整型变量的范围)
2014/09/05 面试题
市场开发与营销专业求职信
2013/12/31 职场文书
村优秀党员事迹材料
2014/01/15 职场文书
《莫泊桑拜师》教学反思
2014/04/23 职场文书
班风口号
2014/06/18 职场文书
python 开心网和豆瓣日记爬取的小爬虫
2021/05/29 Python