Question

如何生成一个唯一的ID，包括每个名字的第一个字母，它们的整个姓氏以及它们ID的最后四位数字？我还是Javascript的新手，到目前为止，我从来没有发现任何可以根据已经在表单中输入的字符串和数字生成的内容。字符串和数字源自注册表单。我使用什么功能？我希望有人能指导我。我的表单示例如下：

<label><b>First Name</b></label><br>
<input type="string" placeholder="Ex. Anne Marie //capitalize every first letter" id="Fname" required><br>

Answer 1

以下是您需要的功能：

function generateID (firstName, lastName, id) 
{
    let fn = firstName.toLowerCase().split(" ");
    let ID = f[0].substr(0,1) + f[1].substr(0,1)+ lastName + id.toString().slice(-4);
    return ID;
}

Answer 2

Jsfiddle：https://jsfiddle.net/5tLrczje/1/

HTML：

<label><b>First Name</b></label><br>
<input type="string" placeholder="Ex. Anne Marie // Capitalize every first letter" id="Fname" required><br>
<label><b>Last Name</b></label><br>
<input type="string" placeholder="Ex. Smith // Capitalize every first letter" id="Lname" required><br>
<label><b>ID</b></label><br>
<input type="string" placeholder="Ex. 123456 // Numbers only" id="ID" required><br>
<br>
<input type="button" value="Get ID" onclick="getUniq()"><br><br>
<label><b>Result</b></label><br>
<input type="string" id="Result"><br><br>

JS：

getUniq = function() {
    var fn = document.getElementById('Fname').value;
    var ln = document.getElementById('Lname').value;
    var id = document.getElementById('ID').value;

    var result = "";

    var fn_arr = fn.split(/[ ]+/);
    for(var i in fn_arr)
        result = result + fn_arr[i].substr(0,1);

    result = result + ln;
    result = result + id.substr(-4);

    alert(result);
}

这是一个独立的HTML（您可以忽略上面显示的两段代码）：

<!DOCTYPE html>
<html lang="en">
<body>

<label><b>First Name</b></label><br>
<input type="string" placeholder="Ex. Anne Marie // Capitalize every first letter" id="Fname" required><br>
<label><b>Last Name</b></label><br>
<input type="string" placeholder="Ex. Smith // Capitalize every first letter" id="Lname" required><br>
<label><b>ID</b></label><br>
<input type="string" placeholder="Ex. 123456 // Numbers only" id="ID" required><br>
<br>
<input type="button" value="Get ID" onclick="getUniq()"><br>

<script type="text/javascript">
    getUniq = function () {
        var fn = document.getElementById('Fname').value;
        var ln = document.getElementById('Lname').value;
        var id = document.getElementById('ID').value;

        var result = "";

        var fn_arr = fn.split(/[ ]+/);
        for (var i in fn_arr)
            result = result + fn_arr[i].substr(0, 1);

        result = result + ln;
        result = result + id.substr(-4);

        alert(result);
    }
</script>

</body>
</html>

使用字符串和数字中的Javascript生成唯一ID

2 个答案: