动态添加＆amp;删除HTML表单

Question

我有一个表单可以添加任何网站的链接。提交后，它将存储在DB中。

问题： - 当我点击添加表单按钮时，它将添加一个新表单来添加网站链接。如果用户想要输入5个站点链接，那么他将在添加表单按钮上单击5次，依此类推。但是当用户提交表单时，我验证链接，如果它无效，则会抛出错误消息。

当我添加表单时，我还添加了删除按钮。在提交表单之前它会正常工作但在提交表单后删除按钮不起作用。

代码： -

function addLinkFrom() 
{
var div = document.createElement('div');
div.className = 'linkform';
div.innerHTML = '<label class="linklabel">Add Link: </label><input type="text" id="txtaddlink" name="txtaddlink[]" class="expfield" placeholder="Enter Link"/>\
    <div class="clearboth"></div>\
    <input type="button" class="btn linkpad btn-primary" value="Remove" onclick="removeLinkForm(this)">\
    <div class="line"></div>';
    document.getElementById('addlinkform').appendChild(div);
}

function removeLinkForm(input) 
{
document.getElementById('addlinkform').removeChild( input.parentNode );
}

所以如果你有任何想法要解决这个问题，请与我分享。