如何分割输入标签HTML的字符串？

Question

当用户在输入标签中输入下面的链接时，我只想要字符串的最后一部分，以最大程度地减少输入错误-两个输入字段生成一个用户可以复制和使用的新链接。

name:id:5icOoE6VgqFKohjWWNp0Ac （我只想要最后一个' 5icOoE6VgqFKohjWWNp0Ac '部分）

谁能帮我修改以下内容以实现这一目标？

 function generateFullName() { document.getElementById('txtFullName').value = ('https://nlproducts.nl/item/') + document.getElementById('fName').value + ('?context=') + document.getElementById('lName').value; } 

 Enter a product ID: <input type="text" id="fName" placeholder='0A5gdlrpAuQqZ2iFgnqBFW' /> Enter a user ID: <input type="text" id="lName" oninput="generateFullName()" placeholder='37i9dQZF1DXcBWIGoYBM5M'/><br/></p> Tada! This would be the link for your campaign: <input type="text" id="txtFullName" name="txtFullName" /> 

Answer 1

这是一个JavaScript函数，该函数将字符串作为输入，并将其格式化为仅将最后一部分保留在最后一个冒号之后（如果它包含冒号）：

function parseColon(txt) {
     return txt.split(":").slice(-1).pop();
}

例如。 parseColon("a:b:c")将返回"c"

您可以使用以下方法验证您的输入：

function isValidInput(txt) {
  numberOfColons = txt.split(":").length - 1;
  if (txt.length == 32 && numberOfColons == 2) 
    return true

  return false
}

在您的代码中，您可以使用以下两个函数来检查和解析lName和fName如下所示：

 function generateFullName() { var lName_val = document.getElementById('lName').value; var fName_val = document.getElementById('fName').value; //fill in link in the output if fName and lName are valid inputs if(isValidInput(fName_val) && isValidInput(lName_val)) document.getElementById('txtFullName').value = ('https://nlproducts.nl/item/') + parseColon(fName_val) + ('?context=') + parseColon(lName_val); // otherwise, clear the output field else document.getElementById('txtFullName').value = ""; } function parseColon(txt) { // return the part after the last colon return txt.split(":").slice(-1).pop(); } function isValidInput(txt) { numberOfColons = txt.split(":").length - 1; if (txt.length == 38 && numberOfColons == 2) return true return false } 

 Enter a product ID:<br> <input type="text" id="fName" oninput="generateFullName()" placeholder='0A5gdlrpAuQqZ2iFgnqBFW' size="50"/><br/> Enter a user ID:<br> <input type="text" id="lName" oninput="generateFullName()" placeholder='37i9dQZF1DXcBWIGoYBM5M' size="50"/><br/><br/> Tada! This would be the link for your campaign:<br> <input type="text" id="txtFullName" name="txtFullName" size="50"/>