无法让=== 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.

修剪文本以避免空格,因为您可以使用本机JavaScript String#trim方法.

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

或使用jQuery.trim()方法.

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