表单提交时明明都已经填写完成了,还是提示必选项不能为空的提示

提问 未结
12 600
小李杜
小李杜 2018-4-13
悬赏:20飞吻
版本:layui 2.x 浏览器:
自己做的一个Tab选项卡,每个内容区都是一个表单,但是每个表单提交时明明都已经填写完成了,表单外层没有其余的表单了,还是提示必选项不能为空的提示,求大神解惑,谢谢!
回帖
  • 你还是贴代码吧。
    0 回复
  • 小李杜
    2018-4-13
    <div class="layui-tab layui-tab-brief">
    <ul class="layui-tab-title ltt2 layui-form-pane">
    <li class="layui-this">
    <input type="radio" name="u_crdtpe" value="2" title="个人认证" checked>
    </li>
    <li class="">
    <input type="radio" name="u_crdtpe" value="1" title="企业及其他单位认证">
    </li>
    </ul>
    <div class="layui-tab-content">
    <div class="layui-tab-item layui-show">
    <form method="post" name="form1" action="auth2.asp" enctype="multipart/form-data">
    <div class="layui-form-item">
    <label for="username" class="layui-form-label">联系人姓名</label>
    <div class="layui-input-inline">
    <input type="text" id="truename" name="truename" required lay-verify="required|name" autocomplete="off" class="layui-input" value="">
    </div>
    </div>
    <div class="layui-form-item">
    <label for="username" class="layui-form-label">身份证号码</label>
    <div class="layui-input-inline">
    <input type="text" name="identity" required lay-verify="required|identity" placeholder="" autocomplete="off" class="layui-input" value="">
    </div>
    </div>
    <div class="layui-upload">
    <label class="layui-form-label layui-input-inline lfl"> 联系人身份证扫描件正面</label>
    <button type="button" class="layui-btn demoMore" lay-data="{url: '/a/'}">上传图片</button>
    <div class="layui-inline layui-word-aux"> 文件最大不能超过512K </div>
    <div class="layui-upload-list"> <img class="layui-upload-img" id="demo1">
    <p id="demoText"></p>
    </div>
    </div>
    <div class="layui-upload">
    <label class="layui-form-label layui-input-inline lfl"> 联系人身份证扫描件反面</label>
    <button type="button" class="layui-btn demoMore" lay-data="{url: '/b/'}">上传图片</button>
    <div class="layui-inline layui-word-aux"> 文件最大不能超过512K </div>
    <div class="layui-upload-list"> <img class="layui-upload-img" id="demo1">
    <p id="demoText"></p>
    </div>
    </div>
    <div class="layui-upload">
    <label class="layui-form-label layui-input-inline lfl"> 联系人身份证手持证件照</label>
    <button type="button" class="layui-btn demoMore" lay-data="{url: '/c/'}">上传图片</button>
    <div class="layui-inline layui-word-aux"> 文件最大不能超过512K </div>
    </div>
    <button class="layui-btn" lay-submit="">立即提交</button>
    </form>
    </div>
    <div class="layui-tab-item">
    <form method="post" name="form2" action="auth2.asp" enctype="multipart/form-data">
    <div class="layui-form-item">
    <label for="username" class="layui-form-label">公司名称</label>
    <div class="layui-input-inline">
    <input type="text" id="truename" name="truename" required lay-verify="required|name" autocomplete="off" class="layui-input" value="">
    </div>
    </div>
    <div class="layui-form-item">
    <label for="username" class="layui-form-label">营业执照号</label>
    <div class="layui-input-inline">
    <input type="text" name="perid" lay-verify="required|identity" placeholder="" autocomplete="off" class="layui-input" value="">
    </div>
    </div>
    <div class="layui-form-item">
    <label for="username" class="layui-form-label lfl2">法人姓名</label>
    <div class="layui-input-inline">
    <input type="text" name="enttruename" lay-verify="identity" placeholder="" autocomplete="off" class="layui-input" value="">
    </div>
    </div>
    <div class="layui-form-item">
    <label for="username" class="layui-form-label lfl2">法人身份证</label>
    <div class="layui-input-inline">
    <input type="text" name="entperid" lay-verify="identity" placeholder="" autocomplete="off" class="layui-input" value="">
    </div>
    </div>
    <div class="layui-upload">
    <label class="layui-form-label layui-input-inline lfl"> 联系人身份证扫描件正面</label>
    <button type="button" class="layui-btn demoMore" lay-data="{url: '/a/'}">上传图片</button>
    <div class="layui-inline layui-word-aux"> 文件最大不能超过512K </div>
    <div class="layui-upload-list"> <img class="layui-upload-img" id="demo1">
    <p id="demoText"></p>
    </div>
    </div>
    <div class="layui-upload">
    <label class="layui-form-label layui-input-inline lfl"> 联系人身份证扫描件反面</label>
    <button type="button" class="layui-btn demoMore" lay-data="{url: '/b/'}">上传图片</button>
    <div class="layui-inline layui-word-aux"> 文件最大不能超过512K </div>
    <div class="layui-upload-list"> <img class="layui-upload-img" id="demo1">
    <p id="demoText"></p>
    </div>
    </div>
    <div class="layui-upload">
    <label class="layui-form-label layui-input-inline lfl"> 联系人身份证手持证件照</label>
    <button type="button" class="layui-btn demoMore" lay-data="{url: '/c/'}">上传图片</button>
    <div class="layui-inline layui-word-aux"> 文件最大不能超过512K </div>
    <div class="layui-upload-list"> <img class="layui-upload-img" id="demo1">
    <p id="demoText"></p>
    </div>
    </div>
    <div class="layui-upload">
    <label class="layui-form-label layui-input-inline lfl"> 联系人企业单位营业执照</label>
    <button type="button" class="layui-btn demoMore" lay-data="{url: '/d/'}">上传图片</button>
    <div class="layui-inline layui-word-aux"> 文件最大不能超过512K </div>
    </div>
    <div class="layui-upload-list"> <img class="layui-upload-img" id="demo2">
    <p id="demoText"></p>
    <button class="layui-btn" lay-submit="" lay-filter="demo2">立即提交</button>
    </div>
    </form>
    </div>
    </div>
    <div class="clear"></div>
    </div>
    0 回复
  • 小李杜
    2018-4-13
    @踏雪无痕470 大神帮我看下哪里问题,谢谢!
    0 回复
  • @小李杜 个人认证、企业认证,这两个显示的表单元素,你都放到一个form里面了,所以会有问题。
    0 回复
  • 小李杜
    2018-4-13
    @踏雪无痕470 这个标签的问题吗?
    0 回复
  • @小李杜 你标注的只是一个class,我说的是form标签。
    0 回复
  • luckytao
    2018-4-13
    我遇到过一次这种 你审查一下元素,应该是页面上有2个一模一样的id,然后你填了一个 另个没填 所以一直提示必填项不能为空
    0 回复
  • 我比较在意你的identity和name的验证里面是怎么写的,我测了一下你的代码没问题,因为我没有写name和identity的验证,我估摸着是你这两个verify有问题,方便的话提供下这两个verify的实现。
    0 回复
  • 小李杜
    2018-4-13
    @岁月小偷 我没有写其他验证,都是LAYUI例子里面的
    0 回复
  • @小李杜 然后提示没有填的地方是不是没有设置必填?只设置了其他的verify?如果是的话这个是就是框架本身的一个bug。
    0 回复
  • 小李杜
    2018-4-15
    我现在使用一个表单,默认显示个人认证输入框,隐藏企业认证输入框还是不行,还是提示必填项不能为空,真的是头大啊,求大神们帮帮忙,谢谢!代码如下
    0 回复
  • 小李杜
    2018-4-15
    <div class="layui-input-block">
    <form class="layui-form" method="post" name="form1" action="auth2.asp" enctype="multipart/form-data">
    <div class="layui-tab layui-tab-brief">
    <ul class="layui-tab-title ltt2 layui-form-pane">
    <li class="layui-this li1">
    <input type="radio" name="u_crdtpe" value="2" title="个人认证" checked>
    </li>
    <li class="li2 ">
    <input type="radio" name="u_crdtpe" value="1" title="企业及其他单位认证">
    </li>
    </ul>
    <div class="layui-form-item q1">
    <label class="layui-form-label">联系人姓名</label>
    <div class="layui-input-inline">
    <input type="text" lay-verify="required|name" autocomplete="off" class="layui-input" value="">
    </div>
    </div>
    <div class="layui-form-item q1">
    <label class="layui-form-label">身份证号码</label>
    <div class="layui-input-inline">
    <input type="text" lay-verify="required|identity" autocomplete="off" class="layui-input" value="">
    </div>
    </div>
    <div class="layui-form-item q2">
    <label class="layui-form-label lfl2">公司名称    </label>
    <div class="layui-input-inline">
    <input type="text" lay-verify="required|name" autocomplete="off" class="layui-input" value="">
    </div>
    </div>
    <div class="layui-form-item q2">
    <label class="layui-form-label lfl2">营业执照号</label>
    <div class="layui-input-inline">
    <input type="text" name="perid" lay-verify="required|number" placeholder="" autocomplete="off" class="layui-input" value="">
    </div>
    </div>
    <div class="layui-form-item q2">
    <label class="layui-form-label lfl2">法人姓名    </label>
    <div class="layui-input-inline">
    <input type="text" name="enttruename" lay-verify="required|name" placeholder="" autocomplete="off" class="layui-input" value="">
    </div>
    </div>
    <div class="layui-form-item q2">
    <label class="layui-form-label lfl2">法人身份证</label>
    <div class="layui-input-inline">
    <input type="text" name="entperid" lay-verify="required|identity" placeholder="" autocomplete="off" class="layui-input" value="">
    </div>
    </div>
    <div class="layui-upload">
    <label class="layui-form-label layui-input-inline lfl"> 联系人身份证扫描件正面</label>
    <button type="button" class="layui-btn demoMore" lay-data="{url: '/a/'}">上传图片</button>
    <div class="layui-inline layui-word-aux"> 文件最大不能超过512K </div>
    <div class="layui-upload-list"> <img class="layui-upload-img" id="demo1">
    <p id="demoText"></p>
    </div>
    </div>
    <div class="layui-upload">
    <label class="layui-form-label layui-input-inline lfl"> 联系人身份证扫描件反面</label>
    <button type="button" class="layui-btn demoMore" lay-data="{url: '/b/'}">上传图片</button>
    <div class="layui-inline layui-word-aux"> 文件最大不能超过512K </div>
    <div class="layui-upload-list"> <img class="layui-upload-img" id="demo1">
    <p id="demoText"></p>
    </div>
    </div>
    <div class="layui-upload">
    <label class="layui-form-label layui-input-inline lfl"> 联系人身份证手持证件照</label>
    <button type="button" class="layui-btn demoMore" lay-data="{url: '/c/'}">上传图片</button>
    <div class="layui-inline layui-word-aux"> 文件最大不能超过512K </div>
    <div class="layui-upload-list"> <img class="layui-upload-img" id="demo1">
    <p id="demoText"></p>
    </div>
    </div>
    <div class="layui-upload q2">
    <label class="layui-form-label layui-input-inline lfl"> 联系人企业单位营业执照</label>
    <button type="button" class="layui-btn demoMore" lay-data="{url: '/d/'}">上传图片</button>
    <div class="layui-inline layui-word-aux"> 文件最大不能超过512K </div>
    </div>
    <div class="layui-upload-list">
    <button class="layui-btn" lay-submit="" lay-filter="">立即提交</button>
    </div>
    </form>
    <div class="clear"></div>
    </div>
    </div>
    0 回复