美文网首页
表单校验的限制问题

表单校验的限制问题

作者: 有一个程序媛 | 来源:发表于2018-04-27 09:52 被阅读0次

    $("#addForm").bootstrapValidator({

        //excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默认配置excluded:[":disabled"],//关键配置,表示只对于禁用域不进行验证,其他的表单元素都要验证    

    fields: {

            productId: {

                validators: {

                    notEmpty: {

                        message: '请选择一个商品'                }

                }

            }

        }

    });

    excluded:[":hidden",":disabled",":not(visible)"]-----------表示对表单里面隐藏的元素和禁用元素,不可见元素不进行校验

    <input name="targetId" type="hidden">

    <input name="targetName" type="text">

    在选择指标之后会在targetName里面展示指标名称给用户看,而在targetId这个隐藏域里面放一个指标的ID。

    一般情况下这样的操作是由程序来完成的,

    $("input[name='targetId']").val(data.targetId);

    bootstrapValidator这个插件不能捕获这样的“程序赋值事件”,所以这里不能达到验证的效果,所以我们需要做一个小小的变通:

    $("#addForm").bootstrapValidator({

        //excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默认配置excluded:[":disabled"],//关键配置,表示只对于禁用域不进行验证,其他的表单元素都要验证    fields: {

            targetId: {

                trigger:"change",//问题2.关键配置            

            validators: {

                    notEmpty: {

                        message: '请选择一个指标'                }

                }

            }

        }

    });

    相关文章

      网友评论

          本文标题:表单校验的限制问题

          本文链接:https://www.haomeiwen.com/subject/qixblftx.html