javascript - 对文本区域的验证不起作用我该如何调试它

Question

嗨，我有一个包含不同字段的表单，所有验证都在工作，除了这个文本区域我无法调试，你能帮我解决一下吗。

// jquery script overview		
var overview = $("#overview").val();
if (overview == '') {
    $("#overview").css({"border-style": "solid", "border-color": "red" });
    $("#showMessage").html('Please Write In Overview');
    $("#overview").focus();

    return false;
} else {
    $("#overview").css({"border-style": "solid","border-color": "#E9E9E9"});
}

//Form
<div class="form-group">
    <label for="inputEmail3" class="col-sm-4 control-label">Over View</label>
    <div class="col-sm-8">
        <textarea name="overview" id="overview" style="width: 360px; height: 150px;">Enter text here...</textarea>
    </div>
</div>

Answer 1

if(overview =='') 

永远不会为真，除非您明确删除您添加的文本。使用有效的占位符

<textarea name="overview" id="overview"  placeholder="Enter text here..."></textarea>

是的，不要忘记在比较空值时 trim 字符串。