Javascript代码个人身份码:点击右侧按钮生成后,直接显示 在输入框中。规则:a.前三个字符为输入姓名的倒序输出 b.后续字符从数字1-9,字母a-z, A-Z中随机生成长度 为10的字符串,从中选取第3-8位,并在结尾添加输入的姓名 C.不允许出现小写字母
时间: 2024-10-25 13:02:50 浏览: 11
在JavaScript中,你可以使用以下步骤来实现这个功能:
1. 创建一个函数用于生成个人身份码:
```javascript
function generateIdentityCode(inputName) {
// Step 1: 取姓名的倒序前三个字符
const nameReversed = inputName.split('').reverse().slice(0, 3).join('');
// Step 2: 生成随机字符串
const randomChars = Array.from({length: 7}, () => Math.random().toString(36).substring(2)).join('');
// Step 3: 挑选随机的5位字符
const selectedChars = randomChars.substring(2, 7);
// Step 4: 将姓名添加到末尾,注意转换成大写
const identityCode = `${selectedChars}${nameReversed.toUpperCase()}`;
return identityCode;
}
```
2. 给右侧按钮添加点击事件,调用上述函数并将结果显示在输入框内:
```html
<button id="generateButton">生成身份码</button>
<input type="text" id="identityInput" readonly>
<script>
document.getElementById('generateButton').addEventListener('click', function() {
const inputName = document.getElementById('inputNameField').value; // 假设有个名为inputNameField的输入框用于输入姓名
const generatedCode = generateIdentityCode(inputName);
document.getElementById('identityInput').value = generatedCode;
});
</script>
```
在这个例子中,假设有一个输入框`inputNameField`用于获取用户输入的姓名。当用户点击“生成身份码”按钮时,会调用`generateIdentityCode`函数生成身份证码并在输入框中显示。
请注意,为了实际运行这段代码,你需要在HTML中添加一个输入框`<input type="text" id="inputNameField">`让用户输入姓名。此外,此代码假设姓名输入框已经存在并且用户不能输入数字,因为这已经包含在生成身份证码的规则里了。
阅读全文