Javascript 如何处理错误并只出现一次

我正在验证表单，每次单击submit时它都会被调用，并且它总是显示这些错误，所以这是处理错误的错误方法吗？如何更改代码，使其只显示一次这些错误

<a href="#" onclick="validateForm() ? window.document.forms[0].submit() : false"  id="submit">Sūtīt &rarr;</a>

Js文件

window.onload = function() {
null;
}

function renderErrors(errors) {
for (var i=0; i < errors.length; i++) {
    $("#errors").append("<div> &raquo; " + errors[i] + "</div>");
};
}

function validateForm() {
result = true;
var errors = [];

if (document.getElementById("full-name").value == '') {
    errors.push("Lauks 'Vārs, Uzvārds' ir jānorāda obligāti");
    result = false;
}
if (document.getElementById("telefonanr").value == '') {
    errors.push("Lauks 'Telefona numurs' ir jānorāda obligāti");
    result = false;
}
if (document.getElementById("zinojums").value == '') {
    errors.push("Lauks 'Ziņojums' ir jānorāda obligāti");
    result = false;
}

if (errors[0] == undefined) {
    return true;
} else {
    renderErrors(errors);
    return false;
}
}

window.onload=function（）{
无效的
}
函数呈现器（错误）{
对于（变量i=0；i

添加以下行

  $("#errors").html('');

就在之前

   $("#errors").append("<div> &raquo; " + errors[i] + "</div>");

$（“#errors”）.append（“»；”+errors[i]+”）；

比如：

$（“#错误”）.html（“”）；
$（“#errors”）.append（“»；”+errors[i]+”）；

修改

渲染器

函数以在追加之前清空内容

function renderErrors(errors) {
  var container = $('#errors');
  container.empty();
  for (var i=0; i < errors.length; i++) {
    container.append("<div> &raquo; " + errors[i] + "</div>");
  };
}

函数呈现器（错误）{
变量容器=$（“#错误”）；
container.empty（）；
对于（变量i=0；i

function renderErrors(errors) {
  var container = $('#errors');
  container.empty();
  for (var i=0; i < errors.length; i++) {
    container.append("<div> &raquo; " + errors[i] + "</div>");
  };
}