编号生成器

前缀： 后缀：
位数：
连续数字
随机字符
范围： ~

过滤字符： 多个使用,号分割

0123456789 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ

包含字符：

随机生成个数：

生成结果

代码如下：

<!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;">

sss

</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>

代码下载：http://files.cnblogs.com/zjfree/js_no.rar

js 编号生成器的更多相关文章

  1. .Net可扩展的单据编号生成器-SNF.CodeRule--SNF快速开发平台3.2

    1.背景 在企业应用中单据编号的自定义是一个很常见的需求,如工号.业务单据编码等,能不能抽象一个通用的框架呢? 2.思路 这里的难点在于实现"解释器",比如将"前缀&qu ...

  2. js 随机数生成器

    title: js 随机数生成器 js 随机数生成器 js 随机数生成器 确定产生随机数的数目,最小值和最大值: 个数: 最小值: 最大值: 是否为唯一的随机数: 唯一 允许重复 点击生成产生随机数: ...

  3. D3.js 线段生成器 (V3版本)

    线段生成器 与线段生成器相关的方法: d3.svg.line() //创建一个线段生成器.   line(data) //使用线段生成器绘制data数据.   line.x([x]) //设置或获取线 ...

  4. D3.js 弦生成器(V3版本)

    弦生成器(Chord Generator)   弦生成器(Chord Generator)根据两段弧来绘制弦,共有五个访问器,分别为source().target().radius().startAn ...

  5. D3.js 区域生成器 (V3版本)

    区域生成器(Area Generator)   区域生成器(Area Generator)用于生成一块区域,使用方法与线段生成器类似.线段生成器地址:数据访问器有x().x0().x1().y().y ...

  6. js建造者(生成器)模式

    建造者模式将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示. 在软件系统中,有时需要创建一个复杂对象,并且这个复杂对象由其各部分子对象通过一定的步骤组合而成. 建造者模式类图: ...

  7. 最新的JavaScript核心语言标准——ES6，彻底改变你编写JS代码的方式！【转载+整理】

    原文地址 本文内容 ECMAScript 发生了什么变化? 新标准 版本号6 兑现承诺 迭代器和for-of循环 生成器 Generators 模板字符串 不定参数和默认参数 解构 Destructu ...

  8. 使用Node.js完成的第一个项目的实践总结

    http://blog.csdn.net/yanghua_kobe/article/details/17199417 项目简介 这是一个资产管理项目,主要的目的就是实现对资产的无纸化管理.通过为每个资 ...

  9. [转]使用Node.js完成的第一个项目的实践总结

    本文转自:http://blog.csdn.net/yanghua_kobe/article/details/17199417 https://github.com/yanghua/FixedAsse ...

随机推荐

  1. 让IE9支持html5

    IE10以上才算是真正支持了html5 ,但仍然有些地方和别的浏览器不一致,比如要在js里移除一个html标签, 如果是IE,document.getElementById("a" ...

  2. TCP/IP各层主要功能

    第一层:网路接口层(物理层和链路层) 提供TCP/IP协议的数据结构和实际物理硬件之间的接口.物理层的任务就是为它的上一层提供一个物理连接, 以及它们的机械.电气.功能和过程特性.链路层的主要功能是如 ...

  3. free命令

    最近服务器总是出问题,研究一下free 以M的形式显示: 参数: Swap 是交换区信息, Swap空间的作用可简单描述为:当系统的物理内存不够用的时候,就需要将物理内存中的一部分空间释放出来,以供当 ...

  4. Bandicam视频录制技巧总结+小丸工具箱压缩视频解决视频体积问题

    1.视频录制. 录制质量建议选择100,保证原文件的质量才能更好地保证渲染转码后输出视频的质量.音效这里就一个关键点,就是编码器默认的MPEG-1 L2,会导致会声会影渲染输出出错,程序强行关闭,Ve ...

  5. 在Linux上使用web2py_uwsgi_nginx搭建web服务器

    本文介绍在Linux使用Python+Nginx+web2py+uWSGI搭建一个web服务器的过程. Python 2.7.11 解压安装包 tar -zxvf Python-2.7.11.tgz ...

  6. relative与absolute的结合使用

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. openjudge 大师兄，师傅被妖怪抓走啦

    描述 孙悟空听到沙僧大喊一句:“大师兄,师傅被妖怪抓走啦!”于是孙悟空直追白骨精而去.孙悟空在一条长度为L的森林小路上飞奔,上面有L+1个整点,依次为0,1,2……L.白骨精会使用一种大范围的攻击法术 ...

  8. PCL可视化显示 直接加载显示pcb文件

    简单可视化类,是指直接在程序中使用,而且不支持多线程. #include<iostream> #include<pcl\point_cloud.h> #include<p ...

  9. Ansible安装配置Nginx

    一.思路 现在一台机器上编译安装好nginx.打包,然后在用ansible去下发 cd /etc/ansible 进入ansible配置文件目录 mkdir roles/{common,install ...

  10. 由<a>标签的onclick影出来的问题

    今天做了一个 通过 document.getElementByName()的方法获得一个标签a的集合.tag_a=window.docu..... 接着需要给每个标签都加一个onclick事件. fo ...