验证Bootstrap Select - 由AJAX

Question

我正在尝试为bootstrap-select添加验证，但某种方式验证不起作用

首先，我从其他bootstrap select中选择主要类别，然后

按预期使用ajax加载子类别...

<select name="code" class="form-control" id="code">
</select>

JS

<script type="text/javascript">
  $('#code').on('change', function(e) {
                // Revalidate the date field
              $('#createSubCode').formValidation('revalidateField', 'code');
          });
</script>

更多

    <script type="text/javascript">
  $(document).ready(function() {
    $('#createSubCode')
        .formValidation({
            framework: 'bootstrap',
            icon: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                title: {
                    validators: {
                        notEmpty: {
                            message: 'The title is required'
                        }
                    }
                },
                code: {
                    validators: {
                        notEmpty: {
                            message: 'The code is required'
                        }
                    }
                }
            }
        })

});
</script>

所以每当我选择说代码是必需的！验证没有通过！

Answer 1

我发现了问题

AJAX

这

$.each(data,function(index,subCateObj){
      $('#code').append('<option>'+subCateObj+'</option>');
    });

要

$.each(data,function(index,subCateObj){
      $('#code').append('<option value='+subCateObj+'>'+subCateObj+'</option>');
    });