テキスト領域の検証が機能しません。どうすればデバッグできますか？

Question

こんにちは私は別のfeildsを持つフォームを持っていますが、このテキストエリアを除いてすべての検証が動作しています。

// jquery script overview \t \t 
 
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に忘れないようにプレースホルダを使用してください。

Answer 2

は、テキストエリアにはvalue属性を持っていないbecozあなたはヴァル（）メソッドでテキストエリアの値を取得することはできません

var overview = $("#overview").html(); 
if(overview =='' || overview == null) 

この行を置き換えます。

Answer 3

.submitの内部に検証コードを配置する必要があります。単にfalseをonclickに返すだけでは、フォームの送信が妨げられることはありません。

$("#your_form_id").submit(function(event) { 
    alert("Handler for .submit() called."); 
    if (..validation code returns true..) { 
     alert("Submitting form..."); 
    } else { 
    event.preventDefault(); // prevent form submission 
    } 
}); 

Answer 4

//form 
 
<script src="http://code.jquery.com/jquery.min.js"></script> 
 
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" /> 
 
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script> 
 
<script src="http://1000hz.github.io/bootstrap-validator/dist/validator.min.js"></script> 
 

 
<textarea type="text" placeholder="Enter Your Text Here..." style="width: 360px; height: 150px;" id="overview" class="form-control" required></textarea>