html取随机字母代码

html取随机字母代码,第1张

拼接好数字字母字符串,然后利用js的随机函数生成拼接好的字符串中的索引值,即可获得一个随机字符,循环12次(取12位)即可得到想要的随机字符串。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

body {text-align:center}

input {height:34px padding:0 8px line-height:34px font-size:14px font-family:consolas}

#range {width:60px}

</style>

</head>

<body>

<p>

生成位数:

<input type="text" id="range" placeholder="" value="12" />

<input type="button" value="生成" onclick="getRandomStr()" />

</p>

<p>

结果:<input type="text" id="result" />

</p>

<script>

function getRandomStr() {

var nums = '0123456789',

lowerCase = 'abcdefghijklmnopqrstuvwxyz',

chars = nums + lowerCase + lowerCase.toUpperCase()

var len = document.getElementById('range').value,

charsLen = chars.length

result = ''

if (isNaN(len)) {

alert('生成位数必须是数字!')

return

}

for (i = 0 i < len i++) {

result += chars.charAt(Math.floor(Math.random() * charsLen))

}

document.getElementById('result').value = result

}

</script>

</body>

</html>

`[a-zA-z0-9/\.\-]`是一个正则表达式中的字符集合,表示匹配所有的字母、数字、正斜杠、点号和短横线。其中,`a-z`表示匹配所有小写字母,`A-Z`表示匹配所有大写字母,`0-9`表示匹配所有数字,`/`表示匹配正斜杠,`\.`表示匹配点号(注意需要转义),`\-`表示匹配短横线。这个字符集合通常用于限制一个文本框或输入框中可以输入的字符范围,以确保用户输入的内容符合特定的格式或规则。例如,在一个网页的表单中,可能会有一个输入框要求用户输入一个URL地址,那么就可以使用这个字符集合来限制用户只能输入URL地址中允许的字符,以避免用户输入无效的URL地址。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7053402.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存