4

根据有关验证的主干文档，它指出：

如果 validate 返回错误，set 和 save 将不会继续，模型属性也不会被修改。

因此，如果验证失败，我读取该设置或保存的方式不应该运行。但这不是我得到的结果。即使验证失败，它仍然会发送 POST/PUT 请求。我是在阅读文档错误还是在代码中做错了什么？

这是我的相关代码： https ://gist.github.com/80f6ef0099fbe96025dc

App.Models.Test = Backbone.Model.extend(
    urlRoot: '/api/test'

    validate: (attrs) ->
        errors = []
        if attrs.to is ''
            errors.push
                name: "to"
                field: "js-to"
                message: "You must enter a to address"
        if attrs.subject is ''
            errors.push
                name: "subject"
                field: "js-subject"
                message: "You must enter a subject"

        # Return our errors array if it isn't empty
        errors  if errors.length > 0
)

App.Views.Details = Backbone.View.extend(
    initialize: ->
        @model.bind "error", @error, this

    events:
        "click #js-save": "saveItem"

    saveItem: (e) ->
        e.preventDefault()

        # Set the model then save it.
        @model.set
            subject: $("#js-subject").val()
            message: $("#js-message").val()
            mailbox_id: $("#js-from").val()
            to: $("#js-to").val()
            cc: $("#js-cc").val()
            bcc: $("#js-bcc").val()
            tags: App.Helpers.tagsToObject $('#js-tags').val()
            scope: $('#js-scope').val()
            attachments: attachments

        @model.save null,
            success: (model, response) =>
                App.Helpers.showAlert "Success!", "Saved Successfully", "alert-success"
                @next()
            error: (model, response) ->
                App.Helpers.showAlert "Error", "An error occurred while trying to save this item", "alert-error"

    # Show the errors based on validation failure.
    error: (model, error) ->
        App.Helpers.displayValidationErrors error
4

1 回答 1

5

你这样做是为了保存你的模型：

@model.save null,
    success: -> ...
    error:   -> ...

那null是您的麻烦，使用{}和事情将开始表现得更好的根源；如果你结合你的@model.set和@model.save电话，事情会更好：

attrs =
    subject: $("#js-subject").val()
    #...
@model.save attrs,
    success: -> ...
    error:   -> ...

save调用如下所示：

save model.save([attributes], [options])
[...]属性散列（如 中）应包含您要更改的
属性set

所以传递一个nullforattributes意味着你想按原样保存模型。

当你save是一个模型时，验证主要是留给set，代码如下所示：

if (attrs && !this.set(attrs, options.wait ? silentOptions : options)) {
  return false;
}

你的attrs意志不会null被set召唤；但是，如果你让save处理你的set，你会得到你所追求的行为。如果您通过了该wait: true选项，save将手动对传递的属性运行验证：

if (options.wait) {
  if (!this._validate(attrs, options)) return false;
  ...
}

内部_validate方法是一个包装器，用于validate进行一些簿记和错误处理。您没有使用wait: true，因此这不适用于您，但我认为无论如何都值得一提。

考虑一个validate总是失败的模型的简单示例。如果你这样说：

@model.on 'error', @error
@model.save attrs,
    success: -> console.log 'AJAX success'
    error:   -> console.log 'AJAX error'

then@error将被调用，因为save最终会调用set一些属性并将set调用validate. 演示：http: //jsfiddle.net/ambiguous/HHQ2N/1/

但是，如果你说：

@model.save null, ...

这null 将导致set呼叫被跳过。演示： http: //jsfiddle.net/ambiguous/6pX2e/（这里的 AJAX 会失败）。

您@model.set之前的调用@model.save应该触发您的错误处理程序，但如果您不检查@model.set返回的内容，执行将盲目地继续save调用并与您的服务器对话。

总之，这里发生了三件事：

  1. 你没有save像你应该那样称呼他们。
  2. 您忽略了@model.set返回值并失去了捕获验证错误的机会。
  3. Backbone 的参数处理save(null, ...)可能会更好，但我不知道是否值得努力处理一种奇怪的调用方式。

您应该将您的set/save对组合成一个save或检查set返回的内容。

于 2012-06-11T17:58:06.780 回答