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()