在验证失败以后,会触发一个 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 ...