0.5.3版本对Model数据验证时,绑定Error就可以了:
(function(){ var Model = Backbone.Model.extend({ initialize : function(){ this.bind('error',function(model,error){ alert(error); }); }, validate : function(attrs){ for (var key in attrs){ if (attrs[key] == ''){ return key + '不能为空'; } } } }); var model = new Model; model.set({name:''}); model.set({age:''}); })();
1.0.0版本有变化,需要绑定invalid事件,而且要显示声明{validate:true}:
(function(){ var Model = Backbone.Model.extend({ initialize : function(){ this.bind('invalid',function(model,error){ alert(error); }); }, validate : function(attrs){ for (var key in attrs){ if (attrs[key] == ''){ return key + '不能为空'; } } } }); var model = new Model; model.set({name:''},{validate:true}); model.set({age:''},{validate:true}); })();
Backbone的例子网上比较少,文档不多,如果突然使用新版文件可能难以找出问题。
相关推荐
Model是BackBone框架中的核心组成部分,它是应用程序数据的容器。在MVC架构中,Model负责处理数据的业务逻辑和状态管理。在BackBone中,你可以定义Model的属性(attributes)以及它们的默认值。当Model的属性发生...
Backbone.Validation 插件是针对Backbone.js设计的一个验证工具,用于帮助开发者轻松地实现对模型(Model)和表单(Form)输入数据的有效性检查。这个插件极大地增强了Backbone的验证功能,使得在前端实现业务逻辑...
Backbone.js的核心设计理念是MVVM(Model-View-ViewModel)架构模式,这种模式使得数据模型与用户界面之间的交互更加清晰。 **一、Backbone的主要组件** 1. **Model**:Backbone中的模型是应用的核心,负责存储和...
Model负责存储数据,并提供了监听和处理数据变化的方法。开发者可以定义Model的属性和事件,当模型数据发生变化时,可以触发相应的事件,更新视图。 2. **Backbone.View**: 视图是展示用户界面的部分,通常与Model...
模型负责处理数据的验证、存储和同步到服务器。 3. **视图(View)**:视图是用户界面的表示层,通常与特定的DOM元素关联。在这个例子中,每个联系人的视图可能包括显示和编辑联系人信息的功能,如点击触发编辑或...
模型(Models)在Backbone.js中扮演了数据存储的角色,它们通常与服务器端的JSON数据进行绑定,负责数据的验证和同步。模型还提供了事件机制,使得当数据发生变化时,可以触发相应的回调函数。 视图(Views)是...
模型还提供了`validate`方法,用于在数据改变时进行验证。 2. **视图(Views)**:视图是用户界面的表示层,它们负责处理DOM元素的操作。Backbone.View对象可以绑定到一个特定的HTML元素或者一组元素,并响应模型或...
你可以将服务器端的数据映射到Backbone Model,通过事件监听和变更来保持数据的一致性。例如,当你更新Model的属性时,Backbone会自动触发change事件,允许你监听并响应这些变化。 View是用户界面的代表,它负责...
Backbone的View是视图层的抽象,它可以绑定到一个或多个模型,当模型数据发生变化时,View会自动更新。View还可以包含子View,实现复杂的UI结构。通过`events`属性,可以定义DOM事件的处理器,使得用户交互与业务...
你可以定义模型的属性和方法,以便于处理数据的验证、变更事件和同步到服务器。 2. **集合(Collection)**:集合是一组模型的有序列表,提供了对这些模型的便捷操作。在可编辑表格的场景下,集合可能是整个表格的...
通过定义Schema,我们可以轻松地进行数据验证和类型转换。 **Backbone.js与Node.js的协作** Backbone.js通常与RESTful API接口配合使用,Node.js可以提供这样的接口。通过Ajax请求,Backbone的Model和Collection...
官方版本,亲测可用
它与服务器上的数据源进行交互,提供了一种方式来存储和验证数据,同时提供了事件监听机制,使得当模型数据发生变化时,可以触发相应的更新操作。 2. Collection:Collection是Model的集合,通常用于管理一组相关的...
官方版本,亲测可用
模型负责处理数据验证、同步以及事件触发。你可以将模型看作是JSON对象的封装,提供了添加、删除、修改属性的方法,并且可以通过`fetch`和`save`与服务器进行交互。 2. **视图(Views)**:视图负责处理用户界面的...
- **数据验证**: ```javascript var User = Backbone.Model.extend({ validate: function(attrs) { if (!attrs.username) { return "Username is required"; } } }); ``` - **计算属性**: ```...
- **数据验证**:可以通过`validate()`方法来进行数据的有效性检查。 - **事件监听**:当模型的状态发生变化时,会触发特定的事件(如`change`),这使得视图可以及时更新。 ##### 2.2 Collections(集合) - **...
Backbone.View通过监听Model的事件来更新视图,例如当用户提交登录信息时,View会触发一个事件,Model进行验证,然后返回结果更新View的状态。 2. **Backbone.Router** Router是Backbone中处理URL路由的部分,...
1. **模型(Model)**: Backbone中的模型是应用数据的核心,负责存储和管理数据。它与服务器端进行交互,可以触发变更事件来通知其他对象数据已经更新。在示例中,你会看到如何创建模型,设置和获取属性,以及监听和...