使用 BootstrapValidator 进行条件验证答案

【问题标题】：Conditional validation with BootstrapValidator使用 BootstrapValidator 进行条件验证
【发布时间】：2014-03-19 16:07:22
【问题描述】：

我正在使用 BootstrapValidator 插件来验证表单，但是我遇到了以下问题。如果用户没有输入其中任何一个，我有一个“电话”字段和一个“手机”字段，我想启动一条自定义消息（您需要通知一个电话号码），如果他通知任何一个（电话或手机）验证将得到满足。

疑问是：是否可以在 BootstrapValidator 中使用条件？

【问题讨论】：

标签： javascript jquery validation twitter-bootstrap

【解决方案1】：

这似乎适用于很多来自this post:的人

$('form').validate({
    rules: {
        Phone: {
            required: true
        },
        Mobile: {
            required: true
        }
    },
    highlight: function(element) {
        $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight: function(element) {
        $(element).closest('.form-group').removeClass('has-error');
    },
    errorElement: 'span',
    errorClass: 'help-block',
    errorPlacement: function(error, element) {
        if(element.parent('.input-group').length) {
            error.insertAfter(element.parent());
        } else {
            error.insertAfter(element);
        }
    }
});

和html：

<form>
    <div class="form-group">
        <label class="control-label" for="Phone">Phone:</label>
        <div class="input-group">
            <input class="form-control" name="Phone" type="text" />
        </div>
    </div>

    <div class="form-group">
        <label class="control-label" for="Mobile">Mobile:</label>
        <div class="input-group">
            <input class="form-control" name="Mobile" type="text" />
        </div>
    </div>

        <button type="submit" class="btn btn-primary">Submit</button>
</form>

【讨论】：