fastadmin 实现根据类型自动显示和隐藏表单,隐藏表单时,提交数据时,无法提交问题
显示隐藏表单
$("#id").show(); // 显示
$("#id").hide(); // 隐藏
问题原因:
一、表单元素中有验证规则属性
data-rule="" //验证规则
被隐藏的表单验证规则属性,会继续执行,导致无法提交表单!
解决方案:
- 当表单提交时,在js中添加以下代码
- jQuery 当表单提交时会发生 submit 事件。该事件只适用于表单元素。
$("#add-form").submit(function (){
//任何不可见的元素,都不作验证
$("#add-form").validator({
ignore: ':hidden'
});
});
假如在add页面使用此功能: