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字符串。

Answer 2

替换此行

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

使用val（）方法无法获得textarea的值becoz textarea没有值属性。

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>

验证文本区域不起作用我如何调试它

4 个答案: