编号生成器

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

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

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. LeetCode Subsets （DFS）

    题意: 给一个集合,有n个互不相同的元素,求出所有的子集(包括空集,但是不能重复). 思路: DFS方法:由于集合中的元素是不可能出现相同的,所以不用解决相同的元素而导致重复统计. class Sol ...

  2. Maven打包可执行Jar包方式

    第一步:pom.xm中的build标签下加入maven插件配置,打包生成可执行jar包方式Maven中的打包方式更换为 <packaging>jar</packaging> b ...

  3. 【题解】【BST】【Leetcode】Unique Binary Search Trees

    Given n, how many structurally unique BST's (binary search trees) that store values 1...n? For examp ...

  4. web app 开发必不可少的滑动插件 Flipsnap

    flipsnap.js一个轻量级的滑动效果JS开发库,仅有8k大小(压缩版),包含了10种滑动方式,是web app开发必备的js库,除了兼容主流的智能手机浏览器(iossafari,android, ...

  5. CSS控制文本自动换行

    1.你定死表格的宽度,即给表格一个宽度值(是数值,不是百分比) 2.强制不换行 div{ //white-space:不换行;normal 默认;nowrap强制在同一行内显示所有文本,直到文本结束或 ...

  6. hdu3308 线段树——区间合并

    更新一个点: 求某个区间的最长连续上升序列: 链接:http://acm.hdu.edu.cn/showproblem.php?pid=3308 #include <cstdio> #in ...

  7. spark新能优化之多次使用RDD的持久化或checkPoint

    如果程序中,对某一个RDD,基于它进行了多次transformation或者action操作.那么就非常有必要对其进行持久化操作,以避免对一个RDD反复进行计算. 此外,如果要保证在RDD的持久化数据 ...

  8. php MySQL数据库操作类源代码

    php MySQL数据库操作类源代码: <?php class MySQL{ private $host; //服务器地址 private $name; //登录账号 private $pwd; ...

  9. 防止 SQL 注入的方法（摘抄）

    ——选自<深入Ajax : 架构与最佳实践 = Advanced Ajax : architecture and best practices/ (美)Shawn M.Lauriat著:张过,宋 ...

  10. 在CentOS里使用MySQL Connector/C++

    操作系统版本:CentOS6 64位 1,安装boost库.因为MySQL Connector/C++使用了boost库,所以必须先安装boost库,我们才能使用MySQL Connector/C++ ...