如何在span块中放置一个字段？

Question

美好的一天！

有一个脚本可以检查字段的有效性，它会在字段中生成错误消息：

<span class="input__error" id="error-for-phone">Wrong number</span>

var message = field.form.querySelector('.input__error#error-for-' + id);

if (!message) {
    message = document.createElement('span');
    message.className = 'input__error';
    message.id = 'error-for-' + id;

    // If the field is a radio button or checkbox, insert error after the label
    var label;
    if (field.type === 'radio' || field.type === 'checkbox') {
        label = field.form.querySelector('label[for="' + id + '"]') || field.parentNode;
        if (label) {
            label.parentNode.insertBefore(message, label.nextSibling);
        }
    }
    // В противном случае вставьте его после поля
    if (!label) {
        field.parentNode.insertBefore(message, field.nextSibling);
    }
}

在模板中有一个块：

<span class="input__text">
     <span class="input__label">Phone number</span> 
     Example: <span class="input__error">Wrong number</span> 
</span>

请告诉我如何在块内显示如何强制显示错误的字段，如示例中所示？

此时，该字段显示在所需块的顶部。

谢谢。