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 必填验证生效了。