Javascript BootsrapValidator不'；无法使用主干视图

我有一张更改密码的表格

    <form class="form-horizontal" id="passwordForm" role="form">

        <div class = "form-group">
            <label for = "passworActuel" class = "col-sm-1 control-label" >Password actuel</label>
            <div class = "col-sm-3">
                <input type = "password" id = "passwordActuel" name = "passwordActuel" class = "form-control" placeholder = "Password actuel"/>
            </div>
        </div>

        <div class = "form-group">
            <div class = 'col-sm-offset-1'>
                <button type = "submit" class = "btn btn-default" >Enregistrer</button>
            </div>
        </div>

    </form>

表单出现，但bootsrapValidator未验证我的字段。我的配偶没有错。我想可能是在模板之前加载了验证器

define([... , 'bootstrapValidator', ...],
function(..., bootstrapValidator, ...){

    var validator = function(){
        $(document).ready(function() {
            $('#passwordForm').bootstrapValidator({
                fields:{
                    passwordActuel:{
                        validators:{
                            notEmpty:{
                                message : "Le champs du mot de passe actuel doit être renseigné"
                            }
                        }
                    }
                }
            });
        });
    };

    var ChangePasswordView = Backbone.View.extend({

        render : function(){
            this.$el.html(ChangePasswordTemplate());
            validator();

            return this;
        }
    });

    return ChangePasswordView;
});