fastadmin动态改变表单校验

原创已于 2024-11-23 11:03:11 修改 · 548 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#服务器 #前端 #js

于 2024-11-20 22:21:53 首次发布

现在需要根据select选项的不同，对其他字段的表单状态进行校验，比如select选中的是1，那么不在校验，其他情况进行校验。

实现方法如下：

//不校验的类
            $("form[role=form]").data("validator-options", {
                ignore: '.no-valida',
            });


if($(this).val() == "1"){
                            // 已去世
                            $(this).parent("div").siblings(".isdie").val("1");
                            $(this).parent("div").parent("div").parent("div").siblings(".live").addClass("hide");
                            $(this).parent("div").parent("div").parent("div").siblings(".live").children("div").children(".usercode").addClass('no-valida');
                            $(this).parent("div").parent("div").parent("div").siblings(".live").children("div").children(".selectpicker").addClass('no-valida');
                            $(this).parent("div").parent("div").parent("div").siblings(".live").removeClass("has-error");
                            $(this).parent("div").parent("div").parent("div").siblings(".live").parents('.form-group').find('.msg-box').remove();
                        }

简单概括如下：

1、设定不进行校验的类；

2、根据情况对校验项目添加或者删除此类。

参考文档：

1、如何在表单提交验证时不验证隐藏的元素 - FastAdmin问答社区

2、如何根据开关组件的打开或者关闭动态校验input框是否必填 - FastAdmin问答社区

3、form表单验证，动态切换form表单验证 nice validator - FastAdmin问答社区