如何接受javascript的id？

我的表格是这样的

登录用户后，使用

@

输入社交网络的id，例如

@web

或

@test

如何为显示用户创建验证，例如：

请先输入@，例如@test

刀片

我在控制台中得到这个错误

---

你得到了。。。以错误的方式循环。您为（linkErr的linkErr）键入了

，

，它应该是（linkErr的linkErr）

var下一步=false；
父字段集.find（'input[id=“link”]”）。每个（函数（）{
var-link；
link=document.getElementById（“link”）.value；
var reg=/^@[a-zA-Z0-9\\.\-]*$/；
if（注册测试（链接））
{
下一步=真；
}否则{
下一步=假；
让linkErrs=document.querySelectorAll（“.linkErr”）；
对于（linkErr of linkErr）{//此处
linkErr.classList+='alert alert danger'；//我得到了这个错误。
Uncaught TypeError:linkErr.addClass不是函数
噢！尝试用
linkErr.addClass（…）
替换
linkErr.classList.add（…）
我再次遇到此错误。
未捕获的DomeException:字符串包含无效字符
哦，显然。add不支持一次添加多个类。我确定
linkErr.classList+='alert alert danger'
将起作用。或者
linkErr.classList.add（'alert'，'alert danger'））
。对此，我深表歉意
function dynamicSocial (number) {
    let html = '' +
        '<div class="col-md-6 position-relative">\n' +
        '<i class="fas fa-times text-danger position-absolute"></i>' +
        '<div class="row">\n' +
        '<div class="col-md-4">\n' +
        '<div class="form-group">\n' +
        '<label for="social_id">Social Network</label>\n' +
        '<select id="social_id" name="social_id[]" class="form-control">\n' +
        '@foreach($socials as $social)\n'+
        '<option value="{{ $social->id }}">\n' +
        '{{ $social->name }}\n' +
        '</option>\n' +
        '@endforeach\n ' +
        '</select>\n' +
        '</div>\n' +
        '</div>\n' +
        '<div class="col-md-8">\n' +
        '<div class="form-group">\n' +
        '<label for="link">Profile ID</label>\n' +
        '<input id="link" name="link[]" class="form-control">\n' +
        '<span class="linkErr"></span>\n' +
        '</div>\n' +
        '</div>\n' +
        '</div>\n' +
        '</div>';
    $('#showSocial').append(html);
}

var next_step = false;
parent_fieldset.find('input[id="link"]').each(function() {
    var link;
    link = document.getElementById("link").value;
    var reg = /^@[a-zA-Z0-9\_\.\-]*$/;
    if (reg.test(link))
    {
        next_step = true;

    }else {
        next_step = false;
        let linkErrs = document.querySelectorAll(".linkErr");
        for(linkErrs of linkErr){
            linkErr.addClass('alert alert-danger');
            linkErr.textContent = "Please enter id with @.";
        }

    }
});