在使用 BackboneJS 模型时验证 ReactJS 输入

Validating ReactJS inputs while using BackboneJS models

本文关键字：验证 ReactJS 输入 模型 BackboneJS      更新时间：2023-09-26

我正在ReactJS中创建一个表单，该表单在提交后创建一个Backbone模型并将其保存到我的数据库中。在保存之前，我希望在 Backbone 模型中进行验证，并在 React 视图中显示错误。实现这一目标的最佳方法是什么？谢谢。

ReactJS Form View's handleSubmit（）：

handleSubmit: function () {
  var foo = new Foo({
    title: this.state.title,
    description: this.state.description,
    startDate: this.state.startDate,
    endDate: this.state.endDate
  });
  foo.save({
    error: function() {
      console.log("ERROR");
    }
  });
}

骨干模型

defaults: {
  title: "",
  description: "",
  startDate: "",
  endDate: ""
},
urlRoot: function() {
  return apiUrls("Foo")
}

您可以将错误消息保存为 React 视图中的状态：

var view = this;
foo.save({
    error: function() {
        view.setState({validationError: 'your error message'});
    },
    success: function() {
        view.setState({validationError: null});
    }
});
相关文章：