fastadmin 实现根据类型自动显示和隐藏表单，隐藏表单时，提交数据时，无法提交问题

最新推荐文章于 2024-07-09 15:47:50 发布

原创最新推荐文章于 2024-07-09 15:47:50 发布 · 1.8k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#js

博客详细介绍了在FastAdmin中遇到的问题，即隐藏表单后导致数据无法提交，原因是隐藏表单的验证规则仍然生效。为解决这个问题，提出了在表单提交时利用jQuery的validator插件忽略所有隐藏元素的验证，确保隐藏的表单字段不参与提交。这种方法可以确保表单正常工作并提高用户体验。

fastadmin 实现根据类型自动显示和隐藏表单，隐藏表单时，提交数据时，无法提交问题

显示隐藏表单
$("#id").show(); // 显示
$("#id").hide(); // 隐藏

问题原因：
一、表单元素中有验证规则属性
data-rule="" //验证规则
被隐藏的表单验证规则属性，会继续执行，导致无法提交表单！

解决方案：
 - 当表单提交时，在js中添加以下代码
 - jQuery 当表单提交时会发生 submit 事件。该事件只适用于表单元素。
$("#add-form").submit(function (){
	//任何不可见的元素，都不作验证
   $("#add-form").validator({
       ignore: ':hidden'
   });
});
假如在add页面使用此功能：