js 用jquery检验表单 input textarea file

1 form
用onsubmit 内的返回值

<form role="form" method="post" enctype="multipart/form-data" onSubmit="return checkForm()"
              action="${pageContext.request.contextPath}/admin/publishActivity1.do">
                <div class="card-body">
                  <div class="form-group">
                    <label for="exampleInputEmail1">活动名字</label>
                    <input type="text" class="form-control" id="title" name="title" placeholder="Enter ...">
                  </div>
                  <div class="form-group">
                    <label>活动内容</label>
                    <textarea class="form-control" id="content" name="content" rows="10"  placeholder="Enter ..."></textarea>
                  </div>
                <div class="form-group">
                    <label for="pic">活动图片</label>
                    <div class="input-group">
                      <div class="custom-file">                       
                        <input type="file" class="" size="80" id="pic" name="pic"/>
                      </div>                    
                    </div>
                </div>                  
                </div>
                <div class="card-footer">
                  <button type="submit" class="btn btn-primary">提交</button>
                </div>
              </form>

2 js函数

<script type="text/javascript"> 
 function checkForm(){ 
    if($.trim($("#title").val())==""){
      alert("请填写标题");
      $("#title").focus();
      return false;
    }
    if($("#title").val().length>50){
        alert("标题长度不得大于50个字符");
        $("#title").focus();
        return false;
    }


  if($("#content").val()==""){
      alert("请填写内容");
      $("#content").focus();
      return false;
    }
  if($("#content").val().length>500){
      alert("内容长度不得大于500个字符");
      $("#content").focus();
      return false;
    }

  if($.trim($("#file").val())==""){
      alert("请上传图片");
      $("#file").focus();
      return false;
    }
  return true; 
 } 

</script>

注意
1 其中jquery 长度用val().length 中英文都可以
如果用length()则无效
2 如果是textarea ，想用trim方法
则要让textarea标签中id放在row col之前，否则trim无效
3 如果是file ，也可以用

$.trim($("#file").val()