验证错误后刷新主干表(包括事件)而不重新加载页面

时间:2012-11-08 18:50:08

标签: javascript javascript-events backbone.js coffeescript backbone-views

我有一个带有表单的Backbone视图。当用户提交表单时,可能存在验证错误,该错误由后端处理。 显示错误后,我希望表单再次可用。我以为我应该这样做.delegateEvents(),但由于某种原因它不起作用......

以下是代码:

class App.Views.PlotsCreate extends Backbone.View
  template: JST['plots/create']

    events:
        'submit #new_plot': 'createPlot'


    createPlot: (event) ->
      event.preventDefault()
      @attributes = plot: {name: $('#new_plot_name').val(), docreate: "true", code: code }
      @collection.create @attributes,
        wait: true
        success: (plot) => 
          document.body.style.cursor = 'default'
            @showProgress(plot)
        error: @handleError
      )

    handleError: (entry, response) =>
      if response.status == 422
        errors = $.parseJSON(response.responseText).errors
        for attribute, messages of errors
          $('#new_plot_name').val("#{message}" for message in messages)



    <form class="new_plot" name="create_form" id ="new_plot"  data-remote="true" enctype="multipart/form-data">
      <textarea class="input" id="new_plot_name" name="name" rows="5" maxlength = '140'></textarea> 
      <input class="blue_button btn_generate" name="commit" type="submit" value="create" id ="plot_subm"/>
    </form>   

如何让表单再次起作用(即在显示错误后再次提交事件)

1 个答案:

答案 0 :(得分:1)

验证失败通常不会对事件绑定做任何事情;实际上,从技术上讲,视图甚至没有验证方法,只有模型才能执行(并且所有方法都会触发'错误'事件并返回false)。你确定你的代码中没有一些破坏视图的代码吗?