JS简单编号生成器实现方法(附demo源码下载)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JS简单编号生成器实现方法(附demo源码下载),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3318字,纯文字阅读大概需要5分钟。
内容图文
![JS简单编号生成器实现方法(附demo源码下载)](/upload/InfoBanner/zyjiaocheng/354/c5e6c3a0e0904b70854ebd24bbf06e37.jpg)
本文实例讲述了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 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查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
内容总结
以上是互联网集市为您收集整理的JS简单编号生成器实现方法(附demo源码下载)全部内容,希望文章能够帮你解决JS简单编号生成器实现方法(附demo源码下载)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。