解决Layui动态生成Form元素后验证失效

作者:橙子时间:2026-10-23 11:04:41浏览:345

本文介绍在使用Layui动态生成Form元素时,如何解决验证失效的问题。关键在于使用form.render()而非element.render()进行渲染,确保动态添加的控件能被正确识别并应用验证规则。

动态生成表单验证失效问题

该问题与使用layTpl动态生成页面的情况类似,具体可参考https://www.jb51.net/article/170000.htm。

Form模块的特殊之处在于,必须调用form.render()进行渲染,而不是element.render()。

核心代码实现


      var data = jsonData;
      var getTpl = dialogTemplate.innerHTML,
        view = document.getElementById('dialogContent');
      laytpl(getTpl).render(data, function(html) {
        view.innerHTML = html;
      });
 
      form.render();

总结

以上即为解决Layui动态生成Form元素后验证失效的全部内容,希望对读者有所帮助,欢迎支持本站。

作者最新文章