使用Backbone验证表格

Question

如何从视图验证表单到模型？

我只想检查电子邮件和密码是否至少包含6个字符。如果为true，那么启用该按钮，如果没有，则抛出一条消息。

HTML

<form> 
    <input type="text" name="email" placeholder="Type your email here." /> 
    <input type="password" name="password" placeholder="Type your password here." /> 
    <button disabled>Log In</button> 
</form> 

的JavaScript

var User = new Backbone.Model.extend({ 
}); 

var AppView = Backbone.View.extend({ 
    el: $('form'), 
    events: { 
     'keyup input[name=email]': 'validationScope' 
    }, 
    initialize: function() { 
     this.render(); 
    }, 
    validationScope: function() { 
     console.log('testing'); 
     // What to do here? 
    } 
}); 

var appView = new AppView(); 

要播放，做到这一点right here。

Answer 1

只是检查，看看是否推算字符的长度为执法机关6

例如

validationScope: function(e) { 
     console.log('testing'); 
     // What to do here? 
     var email = e.currentTarget.value; 

     this.$el.find('button').prop('disabled', !(email.length >= 6)); 

    } 

或者在你的情况，因为你想电子邮件和密码，至少有6个字符

events: { 
     'keyup input[name=email]': 'validationScope', 
     'keyup input[name=password]': 'validationScope' 
    }, 
    initialize: function() { 
     this.render(); 
    }, 
    validationScope: function() { 
     console.log('testing'); 
     // What to do here? 
     var email = this.$el.find('input[name=email]').val(); 
     var password = this.$el.find('input[name=password]').val(); 

     var disable = (email.length < 6 || password.length < 6); 

     this.$el.find('button').prop('disabled',disable); 

    } 

下面是更新了自己的fiddle