簡體   English   中英

使用BootstrapValidator進行條件驗證

[英]Conditional validation with BootstrapValidator

我正在使用BootstrapValidator插件來驗證表單,但是我有以下問題。 我有一個“電話”字段和一個“移動”字段,如果用戶未輸入任何一個,我想發出一條自定義消息(您需要告知一個電話號碼),以及他是否告知任何一個(電話或移動電話)驗證將得到滿足。

疑問是:是否可以在BootstrapValidator內部使用條件條件?

這似乎對許多從此帖子派生的人都有效

$('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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM