javascript - 如何在 Bootstrap Validator 中使用 ID 或 CLASS 而不是使用名称

Question

我的目标是使用 Bootstrap 验证器验证具有类名或 Id 的字段

示例代码如下:

HTML:

<input id="myFirstId" class="myClass" type="text" name="myFirstName" />
<input id="mySecondId" class="myClass" type="text" name="myLastName" />

JS:

 $('#myForm').bootstrapValidator({

        fields : {
            myFirstName : {      
                validators : {
                    notEmpty : {
                        message : 'required'
                    }
                }
            },
            myLastName : {
                validators : {
                    notEmpty : {
                        message : 'required'
                    }
                }
            }
        }
 });

但我想要一个 block 来使用 Bootstrap 验证器验证这两个元素

例如。

$('#myForm').bootstrapValidator({

        fields : {
            myClass : {      // <-- this is not working but i want to validate those
                             // object with has 'myClass' class.
                validators : {
                    notEmpty : {
                        message : 'required'
                    }
                }
            }
        }
 });

Answer 1

参见 http://bootstrapvalidator.com/settings/#field-selector

你可以使用 selector 而不是 name 来使用类名:

$('#myForm').bootstrapValidator({
    fields: {
        myClass: {
            selector: '.myClass',
            validators: {
                notEmpty: {
                    message: 'required'
                }
            }
        },
    }
});