BootstrapValidator和ComboBox验证

Question

我试图使用http://bootstrapvalidator.com/验证表单，常规控件可以正常工作，但是对于来自https://github.com/danielfarrell/bootstrap-combobox的combobox控件，我无法显示验证消息。

HTML：

<form id="frmVisaForm" name="frmVisaForm" class="horizontal" method="post">
    <div class="col-sm-12 form-group"> <span class="help-block span-required">Place of Issue</span>

        <select id="cmbApplicantPassportPlace" name="cmbApplicantPassportPlace" class="form-control combobox" required>
            <option value="">Select</option>
            <option value="Delhi">Delhi</option>
            <option value="Delhi">Jaipur</option>
        </select>
    </div>
    <div class="col-sm-12 form-group"> <span class="help-block span-required">Country of Issue</span>

        <select id="cmbApplicantPassportCountry" name="cmbApplicantPassportCountry" class="form-control" required>
            <option value="">Select</option>
            <option value="Delhi">India</option>
            <option value="Delhi">Nepal</option>
        </select>
    </div>
    <div>
        <button class="btn btn-primary">Submit</button>
    </div>
</form>

联署材料：

$(document).ready(function () {
    $('.combobox').combobox();
    $('#frmVisaForm').bootstrapValidator({

        submitHandler: function (validator, form, submitButton) {
            return false;
        }
    });
});

http://jsfiddle.net/sudiptabanerjee/b5MG9/

需要帮助求你了。

向Sudipta Banerjee问好

Answer 1

若要强制用户从选中框中选择选项，请提供一个空选项likevalue="">Choose...。

 <select class="form-control col-md-3" name="guests">
                                            <option value="">--No of Guests--</option>
                                            <option>1</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                        </select>