表单提交内容都填了还是提示必选项不能为空

问题遇到的现象和发生背景

表单内容都填了提交,结果提示必选项不能为空,不知道哪里出了问题,编辑商品也是差不多一样的代码但是可以编辑

问题相关代码,请勿粘贴截图
新增商品
            <div class="layui-form-item">
                <label class="layui-form-label">商品名称</label>
                <div class="layui-input-block">  
                      <input type="text" name="productname" id="productname" lay-verify="required"   style="width: 300px;"  autocomplete="off"  class="layui-input" placeholder="商品名称" >
                </div>
            </div>
            
             <div class="layui-form-item">
                <label class="layui-form-label">图片</label>
                <div class="layui-input-block">  
                      <input name='filename' type='text' class="layui-input" lay-verify="required"  style="width: 300px;" id='url'  size='50' value='' />&nbsp;<input type='button' value='上传'  class="layui-input" onClick="up('url')" style="width: 60px;height: 37px;"/>
                </div>
            </div>
            
            <div class="layui-form-item">
                <label class="layui-form-label">商品一级类别</label>
                <div class="layui-input-block" style="width: 300px;">  
                      <select name="fid" id="fid" style="width: 300px;" onChange="Change_Select()" lay-verify="required" lay-filter="fid"  autocomplete="off"  class="layui-input">
                      <option value="">请选择类别</option>
                      <c:forEach items="${list}" var="fcategory">
                        <option value="${fcategory.id}">${fcategory.name}</option>
                      </c:forEach>
                      </select>
                </div>
            </div>
            
            <div class="layui-form-item">
                <label class="layui-form-label">商品二级类别</label>
                <div class="layui-input-block" style="width: 300px;">  
                      <select name="cid" id="cid" style="width: 300px;"   lay-verify="required" lay-filter="cid"  autocomplete="off"  class="layui-input">
                        <option value="">请选择上一级类别</option>
                      </select>
                </div>
            </div>
            
            <div class="layui-form-item">
                <label class="layui-form-label">商品三级类别</label>
                <div class="layui-input-block" style="width: 300px;">  
                      <select name="mid" id="mid" style="width: 300px;" lay-verify="required" lay-filter="mid"   autocomplete="off"  class="layui-input" >
                        <option value="">请选择上一级类别</option>
                      </select>
                </div>
            </div>
            
            <div class="layui-form-item">
                <label class="layui-form-label">商品单价</label>
                <div class="layui-input-block">  
                      <input type="text" name="price" id="price" required oninvalid="setCustomValidity('商品单价不能为空或价格输入有误')" oninput="setCustomValidity('');"  pattern="(0|[1-9][0-9]{0,9})(\.[0-9]{1,2})?" style="width: 300px;"  autocomplete="off"  class="layui-input" placeholder="商品单价" >
                </div>
            </div>
            
            <div class="layui-form-item">
                <label class="layui-form-label">材质</label>
                <div class="layui-input-block">  
                      <input type="text" name="author" id="author" lay-verify="required" oninvalid="setCustomValidity('材质不能为空')" oninput="setCustomValidity('');"  style="width: 300px;"  autocomplete="off"  class="layui-input" placeholder="材质" >
                </div>
            </div>
            
            <div class="layui-form-item">
                <label class="layui-form-label">发货地</label>
                <div class="layui-input-block">  
                      <input type="text" name="press" id="press" lay-verify="required" oninvalid="setCustomValidity('发货地不能为空')" oninput="setCustomValidity('');"  style="width: 300px;"  autocomplete="off"  class="layui-input" placeholder="发货地" >
                </div>
            </div>
            
            <div class="layui-form-item">
                <label class="layui-form-label">商品介绍</label>
                <div class="layui-input-block">  
                      <textarea id="editor_id" name="content" style="width: 600;height: 280px;" placeholder="请输入商品介绍" lay-verify="required" class="layui-textarea" oninvalid="setCustomValidity('商品介绍不能为空')" oninput="setCustomValidity('');" ></textarea>
                </div>
            </div>
            
            
            
            <div class="layui-form-item change-submit">
                <div class="layui-input-block">
                    
                    <button class="layui-btn" lay-submit="" id="supplierbutton" lay-filter="demo1" >立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
</div>

运行结果及报错内容

img

我的解答思路和尝试过的方法
我想要达到的结果

你看下必填项不能为空是你前端报的问题,还是后台接口,如果是前端报的,你看下是哪个字段报的,先排查下

8个必填项 那你获取 表单值看看 是否 真的有值

首先:排除是否写错变量名,这个一定要先排除

其次,如果你确定每个文本框你都填写了内容,那么基本可以确定是由于你的富文本框部分的内容,没有同步到input文本框里面去,导致这部分是空值,你可以输出看看

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632