javascript - 将文本附加到标签时的 Jquery 问题

Question

我正在使用 Jquery 对输入字段进行验证，只需检查是否为字段提供了值。

如果没有提供任何值，我只是将文本:“Duration:*Required”附加到字段的“Label”控件，如下所示:

$('label[for="Duration_Value"]').Append(" Duration:* Required");

问题是，如果用户第一次没有为“持续时间”下拉列表选择值，错误消息会正常显示。

但是，同样，在不选择任何值的情况下，如果随后单击“提交”按钮，则会在末尾不断添加错误消息:“持续时间:* 必需”，如下所示:

应该使用哪个 Jquery 函数来更改显示的文本/错误消息，以便无论单击提交按钮多少次，错误消息都不会像上面那样累加？

Answer 1

使用indexOf检查消息是否已添加，如果没有则仅将消息添加到label。

if ($('label[for="Duration_Value"]').text().indexOf(" Duration:* Required") === -1) {
    $('label[for="Duration_Value"]').append(" Duration:* Required");
}