Backbone.js验证模型

我期望的是，当调用model.set（）方法时，验证函数应该运行，但我使用下面的代码测试，它从不调用在Model中定义的验证函数。有人知道我在做什么错了吗？Backbone.js验证模型

<!doctype html> 
<html> 
<head> 
    <meta charset=utf-8> 
    <title>Form Validation - Model#validate</title> 
    <script src='http://code.jquery.com/jquery.js'></script> 
    <script src='http://underscorejs.org/underscore.js'></script> 
    <script src='http://backbonejs.org/backbone.js'></script> 
    <script> 
    jQuery(function($) { 

     var User = Backbone.Model.extend({ 
     validate: function(attrs) { 
      var errors = this.errors = {}; 

      console.log('This line is never called!!!'); 

      if (!attrs.firstname) errors.firstname = 'firstname is required'; 
      if (!attrs.lastname) errors.lastname = 'lastname is required'; 
      if (!attrs.email) errors.email = 'email is required'; 

      if (!_.isEmpty(errors)) return errors; 
     } 
     }); 

     var Field = Backbone.View.extend({ 
     events: {blur: 'validate'}, 
     initialize: function() { 
      this.name = this.$el.attr('name'); 
      this.$msg = $('[data-msg=' + this.name + ']'); 
     }, 
     validate: function() { 
      this.model.set(this.name, this.$el.val()); 
      //this.$msg.text(this.model.errors[this.name] || ''); 
     } 
     }); 

     var user = new User; 

     $('input').each(function() { 
     new Field({el: this, model: user}); 
     }); 

    }); 
    </script> 
</head> 
<body> 
    <form> 
    <label>First Name</label> 
    <input name='firstname'> 
    <span data-msg='firstname'></span> 
    <br> 
    <label>Last Name</label> 
    <input name='lastname'> 
    <span data-msg='lastname'></span> 
    <br> 
    <label>Email</label> 
    <input name='email'> 
    <span data-msg='email'></span> 
    </form> 
</body> 
</html>

来源

2013-07-13 Expert wanna be

从骨干0.9.10开始，只有在默认保存时调用validate。如果您希望在设置属性时验证它，则需要通过{validate: true}选项。

var Field = Backbone.View.extend({ 
    // .. 
    validate: function() { 
    this.model.set(this.name, this.$el.val(), {validate: true}); 
    //this.$msg.text(this.model.errors[this.name] || ''); 
    } 
});

来源

2013-07-13 15:18:15

非常感谢！ –

Backbone.js验证模型

回答

相关问题