Javascript - 如何在表单上方显示数组的值？

Question

我目前有一个使用警报作为显示错误的方式的表单。相反，我希望它在输入设备上方打印错误，以便用户可以引用它。这是我当前显示错误的代码:

function showErrors() {
    if (errList.length >= 1)
    alert(errList.join("\n"));
}

这是其余代码的 jsfiddle:https://jsfiddle.net/rvomhauo/

我想打印错误的地方是:http://imgur.com/0Ss32so

Answer 1

您几乎只需要创建一个将“托管”错误消息的元素。将该元素的内容设置为错误字符串，而不是 alert。类似的东西

<div id="errors"></div>

function showErrors () {
  document.getElementById('errors').innerHTML = errList.join('<br/>')
}

当然，将此元素放置在图像示例中所示的所需位置。