javascript - 骨干网未在保存时触发请求

Question

我得到了这个非常简单的访客模型

define([
], function() {
  Guest = Backbone.Model.extend({

    urlRoot : ftd.settings.rest + '/guest',

    defaults: {
      id : '',
      name : '',
      accessToken : ''
    },

    validate: function( attr ) {
      var errors = [];
      if(attr.name.length < 4) {
        errors.push({message : "You nickname, must be atleast 4 chars", name : 'guestNickname'});
      }
      return errors;
    }
  });

  return Guest;
});

然后我得到了一个首页视图，客人注册的地方，基本上这发生在单击提交按钮时。

createGuest: function( ev ) {
  ev.preventDefault();
  // Get nickname.
  var guest = new Guest();
  guest.bind( 'error', function( model, errors ) {
        _.each( errors, function( err ) {
      $('input[name=' + err.name + ']').addClass('invalid');
      // add a meesage somewhere, using err.message
          }, this );
  });

  guest.save({
    'name' : $('input[name="guestNickname"]').val()
  }, {
    wait:true,
    success:function(model, response) {
      console.log('Successfully saved!');
    },
    error: function(model, error) {
      console.log(error);
    }
  });
},

所以我从我的输入元素中取了名字，然后我把它放到了保存方法中。问题是，Backbone 没有向服务器发送请求，只是触发了错误事件。其中打印一个空的错误数组。我究竟做错了什么？

Answer 1

如果验证成功，您应该不返回任何内容。

由于您返回的是一个空数组，因此它假定该数组是验证错误。

试试这个：

validate: function( attrs ) {
      var errors = [];
      if(attrs.name.length < 4) {
        errors.push({message : "You nickname, must be atleast 4 chars", name : 'guestNickname'});
      }
      if(errors.length > 0){
          return errors;
      }
    }