Question

我目前有一个表单，它使用alert作为显示错误的方法。相反，我希望它在输入设备上方打印错误，以便用户可以参考它。这是我目前显示错误的代码：

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/>')
}

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

Answer 2

添加某处以显示html中的错误

<td id="errors"></td>

并调整showErrors以将它们放入页面

function showErrors() {
    if (errList.length >= 1) {
       errors = errList.join("\n");
      e = document.createElement('p');
      document.getElementById("errors")
      .appendChild(e);
     }
}

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

2 个答案: