백본을 사용하여 폼 유효성 검사

Question

뷰에서 모델로 폼의 유효성을 검사하려면 어떻게해야합니까?

전자 메일과 암호에 6 자 이상이 포함되어 있는지 확인하고 싶습니다. true 인 경우 버튼을 활성화하고 그렇지 않으면 메시지를 throw합니다.

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> 

자바 스크립트

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 않습니다. 귀속 문자의 길이가 예를 들어 좋은 초원 6.

에있는 경우

Answer 1

그냥 확인

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