bootstrapValidator验证隐藏的input

站长手记 作者: 2024-08-27 22:50:01

bootstrapValidator验证隐藏的input


解决方法:

1.html标签如下

<input type="text" class="form-control"  readonly>

<input type="hidden" id="type" name="type" class="form-control" >


2.赋值时调用change方法

$("#type").val(this.form.type).change();


3.验证配置加 excluded:[":disabled"]和trigger:"change"

$('#form').bootstrapValidator({

         message: '格式不正确',

         feedbackIcons: {

           valid: 'glyphicon glyphicon-ok',

           invalid: 'glyphicon glyphicon-remove',

           validating: 'glyphicon glyphicon-refresh'

         },

         excluded:[":disabled"],

         fields: {

           type: {

             message: '分类不能为空',

             trigger:"change", //关键配置

             validators: {

               notEmpty: {

                 message: '分类不能为空'

               },

               stringLength: {

                 max: 200,

                 message: '不能超过200个字'

               },

             }

           },

         }

       });


原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69794.html