layui动态拼接生成下拉框验证必填项失效问题
利用 jQuery 动态拼接下拉框时,lay-verify="required" 失效了,有以下几种原因。
1. <form></form>标签 加入 layui 类,class="layui-form" 。提交按钮上加自动提交,lay-submit = ""; 。需要验证的标签内加 lay-verify = “required” 。
2. 由于这是动态添加的元素,所以在初始化的时候元素没有绑定校验规则,所以必填验证失效了。尝试 layui.form.render(); 重新渲染表单。
3. 需要在下拉框动态拼接option 时,先设置一个空的 <option value=""> </option> 标签, 然后再重新渲染表单,layui.form.render(); 发现 layui-verify 必填验证生效了。