`

Backbone1.0.0数据验证的变化

阅读更多

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的例子网上比较少,文档不多,如果突然使用新版文件可能难以找出问题。

分享到:
评论

相关推荐

    JS MVC框架(BackBone)

    Model是BackBone框架中的核心组成部分,它是应用程序数据的容器。在MVC架构中,Model负责处理数据的业务逻辑和状态管理。在BackBone中,你可以定义Model的属性(attributes)以及它们的默认值。当Model的属性发生...

    前端项目-backbone.validation.zip

    Backbone.Validation 插件是针对Backbone.js设计的一个验证工具,用于帮助开发者轻松地实现对模型(Model)和表单(Form)输入数据的有效性检查。这个插件极大地增强了Backbone的验证功能,使得在前端实现业务逻辑...

    BackBone介绍及使用

    Backbone.js的核心设计理念是MVVM(Model-View-ViewModel)架构模式,这种模式使得数据模型与用户界面之间的交互更加清晰。 **一、Backbone的主要组件** 1. **Model**:Backbone中的模型是应用的核心,负责存储和...

    Java 演示 backbone 基本用法

    Model负责存储数据,并提供了监听和处理数据变化的方法。开发者可以定义Model的属性和事件,当模型数据发生变化时,可以触发相应的事件,更新视图。 2. **Backbone.View**: 视图是展示用户界面的部分,通常与Model...

    Backbone标准例子——通讯录

    模型负责处理数据的验证、存储和同步到服务器。 3. **视图(View)**:视图是用户界面的表示层,通常与特定的DOM元素关联。在这个例子中,每个联系人的视图可能包括显示和编辑联系人信息的功能,如点击触发编辑或...

    backbone_js_1.1.2

    模型(Models)在Backbone.js中扮演了数据存储的角色,它们通常与服务器端的JSON数据进行绑定,负责数据的验证和同步。模型还提供了事件机制,使得当数据发生变化时,可以触发相应的回调函数。 视图(Views)是...

    Backbone.js(1.1.2) API中文文档.zip Backbone.js离线文档

    模型还提供了`validate`方法,用于在数据改变时进行验证。 2. **视图(Views)**:视图是用户界面的表示层,它们负责处理DOM元素的操作。Backbone.View对象可以绑定到一个特定的HTML元素或者一组元素,并响应模型或...

    backbone 资料

    你可以将服务器端的数据映射到Backbone Model,通过事件监听和变更来保持数据的一致性。例如,当你更新Model的属性时,Backbone会自动触发change事件,允许你监听并响应这些变化。 View是用户界面的代表,它负责...

    backbone框架在实例中的应用~简单易学

    Backbone的View是视图层的抽象,它可以绑定到一个或多个模型,当模型数据发生变化时,View会自动更新。View还可以包含子View,实现复杂的UI结构。通过`events`属性,可以定义DOM事件的处理器,使得用户交互与业务...

    backbone学习例子-可编辑的表格

    你可以定义模型的属性和方法,以便于处理数据的验证、变更事件和同步到服务器。 2. **集合(Collection)**:集合是一组模型的有序列表,提供了对这些模型的便捷操作。在可编辑表格的场景下,集合可能是整个表格的...

    Node应用程序构建——使用MongoDB和Backbone

    通过定义Schema,我们可以轻松地进行数据验证和类型转换。 **Backbone.js与Node.js的协作** Backbone.js通常与RESTful API接口配合使用,Node.js可以提供这样的接口。通过Ajax请求,Backbone的Model和Collection...

    backbone-eventbinder-1.0.0.jar

    官方版本,亲测可用

    Backbone.js实战.zip

    它与服务器上的数据源进行交互,提供了一种方式来存储和验证数据,同时提供了事件监听机制,使得当模型数据发生变化时,可以触发相应的更新操作。 2. Collection:Collection是Model的集合,通常用于管理一组相关的...

    backbone-marionette-1.0.0-beta6.jar

    官方版本,亲测可用

    backbone框架

    模型负责处理数据验证、同步以及事件触发。你可以将模型看作是JSON对象的封装,提供了添加、删除、修改属性的方法,并且可以通过`fetch`和`save`与服务器进行交互。 2. **视图(Views)**:视图负责处理用户界面的...

    backbone.js入门教程

    - **数据验证**: ```javascript var User = Backbone.Model.extend({ validate: function(attrs) { if (!attrs.username) { return "Username is required"; } } }); ``` - **计算属性**: ```...

    backbone教程

    - **数据验证**:可以通过`validate()`方法来进行数据的有效性检查。 - **事件监听**:当模型的状态发生变化时,会触发特定的事件(如`change`),这使得视图可以及时更新。 ##### 2.2 Collections(集合) - **...

    backbone 和bootstrap 登录示例项目

    Backbone.View通过监听Model的事件来更新视图,例如当用户提交登录信息时,View会触发一个事件,Model进行验证,然后返回结果更新View的状态。 2. **Backbone.Router** Router是Backbone中处理URL路由的部分,...

    backbone官方实例

    1. **模型(Model)**: Backbone中的模型是应用数据的核心,负责存储和管理数据。它与服务器端进行交互,可以触发变更事件来通知其他对象数据已经更新。在示例中,你会看到如何创建模型,设置和获取属性,以及监听和...

Global site tag (gtag.js) - Google Analytics