Реализация проверки магистрали с помощью формы

Question

Я довольно новичок в магистрали, и у меня есть некоторые проблемы (я думаю, мне по-прежнему нужна помощь от продвинутого пользователя).

Я добавил форму, как это:

<form class="SectionContainer-Content container form-horizontal" role="form" id="addAquaForm"> 
    <div class="form-group"> 
     <label for="aquarium_name">Name</label> 
     <input type="text" name="aquarium_name" id="aquarium_name" value="" placeholder="" class="form-control" /> 
    </div> 
    <div class="form-group"> 
     <label for="aquarium_volume">Volume</label> 
     <input type="text" name="aquarium_volume" id="aquarium_volume" value="" placeholder="" class="form-control" /> 
    </div> 
    <div class="form-group"> 
     <label for="aquarium_type">Type : </label> 
     <select class="form-control" id="aquarium_type"> 
      <option>first</option> 
      <option>second</option> 
     </select> 
    </div> 
</form> 

Затем я создаю модель:

var app = app || {}; 

app.Aquarium = Backbone.Model.extend({ 

    validation: { 
    aquarium_name: { 
     required: true, 
     msg: 'Please enter a valid name' 
    }, 
    aquarium_volume: { 
     required: true, 
     msg: 'Please enter a valid volume' 
    }, 
    aquarium_type: { 
     required: true 
    } 
    } 
}); 

, а затем вид, который PILOTE форму:

var AquariumFormView = Backbone.View.extend({ 
    tagName: "form", 
    id: "addAquaForm", 
    events: { 
     'click #btn-new-aqua': "addAqua" 
    }, 
    initialize: function() { 
     // This hooks up the validation 
     this.model = new pedia.Aquarium(); 
     Backbone.Validation.bind(this); 
    }, 
    addAqua: function() { 
     var data = this.$el.serializeObject(); 

     this.model.set(data); 

     // Check if the model is valid before saving 
     if (this.model.isValid(true)) { 
      // this.model.save(); 
      alert('Great Success!'); 
     } 
    }, 
    remove: function() { 
     // Remove the validation binding 
     Backbone.Validation.unbind(this); 
     return Backbone.View.prototype.remove.apply(this, arguments); 
    } 
}); 

Когда я загрузите мою страницу, представление не инициализировано, но я понятия не имею, как я могу это сделать.

Кто-нибудь может дать мне несколько идей?

Спасибо :)

Answer 1

Если вы хотите, чтобы инициализировать представление при загрузке страницы:

$(document).ready(function(){ 
var view = new AquariumFormView(); 
});