javascript - 无法让 === string.length 正常工作

Question

我有代码检查用户是否在输入字段中输入了文本。如果该字段为空我想显示:你还没有开始。

如果该字段的长度大于 1 - 我想显示:您已完成。我下面的代码用于确定用户何时完成但没有显示任何内容表明您尚未开始。有什么想法吗？谢谢!

HTML:

<p id="progressDisplay"> </p>



<p id="response"> </p>
<p id="response2"> </p>

JS:

var progress =($("#progressDisplay").text());


if( progress.length === 0 ){
    $("#response2").text("You have not entered anything yet")
}

if( progress.length > 1){
    $("#response").text("You've Finished this section")
}

Answer 1

元素中的空格包含在其文本值中。您的元素以单个空白字符开头，因此它始终具有 length > 0。

trim 文本以避免出现空格，为此您可以使用原生 JavaScript String#trim 方法。

var progress = $("#progressDisplay").text().trim();

或使用 jQuery.trim() 方法。

var progress = $.trim($("#progressDisplay").text());