Question

我有一个jQuery 表格, 如果用户不正确填写此代码的表格, 可以显示消息 :

if (errorList.length > 0) {
                    permitted = false;

                    //Display error message
                    $("#" + stepName + " legend").after("<div id="errorList" class="error"><h3>Please correct the following </h3><ul></ul></div>");
                    for (var j = 0; j < errorList.length; j++) {
                        if (errorList[j] != undefined)
                            $("#errorList ul").append("<li>" + errorList[j] + "</li>");
                    }

                }

问题在于当用户试图多次提交有错误的表格时,就会发生这种情况:

""https://i.sstatic.net/LX0RF.png" alt="此处的内置图像描述"/"

我该如何解决这个问题?

Answer 1

在迭代之前添加 < code>. 空。

$("#errorList ul").empty();
for(var j = 0; j < errorList.length; j++) {
if (errorList[j] != undefined)
    $("#errorList ul").append("<li>" + errorList[j] + "</li>");
}

Answer 2

尝试 :

           if (errorList.length > 0) {
                permitted = false;

                //Display error message
                $("#" + stepName + " legend").after("<div id="errorList" class="error"><h3>Please correct the following </h3><ul></ul></div>");
                $("#errorList ul").empty(); // THIS FIXES IT
                for (var j = 0; j < errorList.length; j++) {
                    if (errorList[j] != undefined)
                        $("#errorList ul").append("<li>" + errorList[j] + "</li>");
                }

            }

友情链接