backbone.js проверка и гиперссылка нажмите

Question

В приведенном ниже коде я не вижу предупреждения, когда я нажимаю на гиперссылку или в том случае, когда текстовое поле пуст. Что я делаю не так?

<a href="#" class="but" id="next_btn">Next</a> 
<input name="text" class="but" id="newcampaign" /> 

CM.Views.newCampaign = Backbone.View.extend({ 

    validate : function() { 
    if ($("#newcampaign").val() == "") { 
     alert("Enter campaing name"); 
    } 
    }, 

    initialize : function() { 
    _self=this 
    this.campaign = new Campaign(); 
    this.campaign.url='js/editdata.json'; 
    }, 

    events:{ 
    'onclick #next_btn': 'submit_form' 
    }, 

    submit_form : function(){ 
    alert("here"); 
    }, 
}); 

Answer 1

Вместо того чтобы делать это

events:{ 
    'onclick #next_btn': 'submit_form' 
}, 

вы должны использовать

events:{ 
    'click #next_btn': 'submit_form' 
}, 

, так как название события является click не onclick. Кроме того, помните, что если вы хотите изменить поведение якоря, как вы делаете, вы должны вызвать preventDefault на событии, как этот

submit_form : function(e) { 
    e.preventDefault(); 
    alert("here"); 
}, 

на аргументе: https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault

Для проверки:

events:{ 
    'click #next_btn': 'validate' 
}, 
validate: function(e) { 
    e.preventDefault(); 
    if ($(this).val() == "") { 
    alert("Enter campaign name"); 
    } else { 
    // you should give the following instruction a url to navigate to 
    Backbone.history.navigate(url, true); 
    } 
}, 

Answer 2

Backbone не процесс проверки для Views, вы должны запустить функцию проверки по своему усмотрению, может быть, от submit_form, или использовать некоторые plugins для Backbone (например, https://github.com/powmedia/backbone-forms).