0

当我单击生成 id 按钮时，如何让它在每次单击它时生成一个唯一的 id 并让它显示在它旁边的文本框中？假设按钮 id 是“generateID”，文本框 id 是“generateidtxt”？它可以是全数字或混合字母。也许8-10个字符长..我只需要它每次都不同，从不重复。

在此处输入图像描述

4

3 回答 3

0

如果您正在寻找 .net 方式，请在按钮上单击即可 myTextBox.Text = System.Guid.NewGuid();

NewGuid 将为您生成一个新的 guid，几乎可以保证每次运行都是唯一的。多一个 guid http://msdn.microsoft.com/en-us/library/system.guid.aspx

于 2013-06-05T19:51:35.237 回答
0 
document.getElementById("generateID").onclick = function() {
    const id = Math.floor(Math.random()  * 10000);
    document.getElementById("generateID").value = id;
};
于 2013-06-05T19:55:35.923 回答
0

生成一个唯一的数字 ID，Date.now()将有助于使其成为文本 + 数字，使用toString(Math.floor(Math.random() * 22) + 15) 完整的程序：

const generateID = () =>
  Date.now().toString(Math.floor(Math.random() * 20) + 17);
  
const btnGenerate = document.getElementById('generateID');
const generateIDTXT = document.getElementById('generateidtxt');
const copy = document.getElementById('copy');

btnGenerate.addEventListener('click', () => {
  generateIDTXT.value = generateID();
});
* {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}

button {
  background-color: #54fdae;
  padding: 5px;
  margin: 10px;
  border: 0;
  border-radius: 3px;
  outline: 0;
  cursor: pointer;
}

button:hover {
  background-color: #32ee9a;
}

input {
  border: 0;
  border-bottom: 1px solid #000;
  padding: 3px;
  margin: 10px;
  outline: 0;
}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Generate Random ID</title>
  </head>
  <body>
    <button id="generateID">Generate ID</button>
    <input type="text" id="generateidtxt" />
  </body>
</html>

注意：这是 8 - 10 个单词的数字/字母，这基本上不可能生成 2 个相同的 ID，除非 2 个人同时按下按钮并且17 - 36 之间的随机数是相同的数字

于 2020-04-02T04:44:13.857 回答