javascript - 如何创建一个按钮以在表单中添加URL链接

有谁知道如何像链接按钮一样添加到表单中？例如，用户单击+按钮，他们可以添加URL。他们可以根据需要添加另一个URL，并在需要时删除任何链接。还要对链接进行验证。

我知道我可以使用“ Check if a JavaScript string is a URL”来验证URL，但是如果添加了多个链接，我将需要一些东西来验证所有链接。

解释我要执行的操作的最佳方法是查看表单构建器中的“ Can I insert a hyperlink in my form?”。

我只想添加链接，而无需显示文本或类似内容。

最佳答案

DOM怎么样-不使用更长的格式，所以也使用URL作为链接文本。

function addUrl(e) {
  var f = e.form;
  var a = document.createElement("A");
  a.href = e.value; // link URL
  a.textContent = e.value; // link text
  f.appendChild(a);
  var x = document.createElement("INPUT");
  x.type = "button";
  x.value = "X";
  x.onclick = remove;
  f.appendChild(x);
  f.appendChild(document.createElement("BR"));
}
function remove() {
  var el = this, // button
    parent = el.parentNode, // a must for remove
    a = el.previousElementSibling; // anchor
  if(el.nextSibling.tagName == 'BR') parent.removeChild(el.nextSibling);
  parent.removeChild(el);
  parent.removeChild(a);
}

<form>
  <input name="url" size="50">
  <input type="button" value="Add" onclick="addUrl(this.form.url)"><br>
</form>