Javascript 主干：显示带有错误的错误闪存消息

我不熟悉使用rails的backbone.js，我已经编写了一个简单的创建用户代码。当创建失败时，我希望以一种良好的方式在flash消息中显示错误，就像rails中的错误一样

这是我的密码

Skymama.Views.UsersNew = Backbone.View.extend({

  template: JST['users/new'],
  render: function() {  
    //Backbone.Validation.bind(this);   
    this.$el.html( this.template );
    return this;
  },

  events: {
    "click #user_submit" : "createUser"
  },

  createUser: function( event ){
        // validate the form        
        var firstName = $("#user_first_name").val(); //required
        var lastName = $("#user_last_name").val(); //required
        var password = $("#user_password").val(); //required
        var phoneNumber = $("#user_phone_number").val(); //required
        var emailAddress = $("#user_email").val(); //required
        var passwordConfirmation = $("#password_confirmation").val(); //required
        var dateOfBirth = $("#user_date_of_bith").val();

        //if (passwordConfirmation == password)({

            var user = new Skymama.Models.User()

            user.save({first_name: firstName, last_name: lastName, password: password, 
                        phone_number: phoneNumber, email_address: emailAddress, date_of_bith: dateOfBirth}, {
                            success: function(user, response){
                                // create flash message and render new user page

                            }, 
                            error: function(user, response){
                                //create flash message with errors and render new page
                                //alert(response.responseText);     
                                var errorView = new Skymama.Views.ErrorMessages({ el: $("#error_messages")});                       
                            }
                        });
        //});
  },

});

问题是呈现带有错误的flash消息。 我尝试创建一个视图来显示flash错误的模板

这是代码

Skymama.Views.ErrorMessages = Backbone.View.extend({
    template: JST['errors/error_messages'],
    render: function() {            
    this.$el.html( this.template );
    return this;
  },
})

和模板

<span class="btn btn-danger btn-sm tooltip-error" data-rel="popover" data-placement="top" data-original-title="<i class='icon-bolt red'></i> Top Danger" data-content="Oh snap! Change a few things up and try submitting again.">
    Top
</span>

顶部

---

谢谢

这是所需的简单修复

var errorView = new Skymama.Views.ErrorMessages();                      
                                $("#error_messages").append(errorView.render().el);