利用验证失败后的事件 - invalid

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在验证失败以后,会触发一个 invalid 事件,我们可以去监听这个事件,在它发生以后,去做一些事情,比如显示一条错误的提醒信息。

在 validate 属性里面设置的验证条件,用 return ,返回来的东西,就是验证失败以后返回来的错误信息。下面,我们可以把这里设置的这条错误信息显示到控制台上看一下。

在模型被初始化以后,可以去监听一下这个 invalid 事件 ... 在 initialize 这里,使用 on 这个方法去监听事件 ... this 表示的就是被实例化的对象 ... 在 on 这个方法里,先指定一下要监听的事件的名字 ... 这里就是 invalid 事件 ...

这个事件发生以后,会去执行一个函数,可以在这个方法的第二个参数里,去指定一下处理这个事件的函数 ... 这里我们用一个匿名函数 ...

函数可以授受两个参数,model 对象,还有 error 错误信息 ...

在里面,用一个 console.log,把这个 error ,错误信息显示到控制台上 ...

//处理验证失败以后发生的 invalid 事件

this.on('invalid', function(model, error) {
console.log(error);
});

保存 ... 回到浏览器上去试一下 ...

先新建一个对象 ... var note = new Note

设置一下它的 title 属性 ... 设置成 hi ... 然后指定一下要使用验证 ...

note.set('title', 'hi', {validate: true})

回车 ... 验证失败,因为要给 title 属性设置的值的长度小于 3 ,所以就会发生一个 invalid 事件,在创建这个 note 对象的时候,我们已经监听了这个事件 ... 这个事件发生以后,就在控制台上,显示验证失败返回来的错误信息。

这里就是 笔记的标题字符数要大于 3 ...

利用验证失败后的事件 - invalid《 Backbone 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点