用HTML5实现这个效果

form表单加上input的maxlength属性或者获取值判断长度。参考这个

 <label >主题</label> <input type="text" id="zhuti" maxlength="20">
       <label >内容</label> <textarea name="context" id="context" cols="30" rows="10"></textarea>
 <button id="submit">提交</button>


//js如下
let zhuti=$('#zhuti');
    let context=$("#context");
    let sub=$("#submit");
    sub.click(()=>{
        if(zhuti.val().length>20||zhuti.val()==""||context.val()==""){ //也可以分成三个if这样就可以显示不同的提示了
            alert('主题和内容不能为空，且主题不大于20字')
            return
        }
        alert("提交成功")
    })