avalon验证器: 主要用来限定某些元素的格式输入
界面
<!-- ms-duplex-limit：验证目标元素 -->
<body ms-controller="test">
<input type="text" ms-duplex-limit="aaa" data-duplex-limit="10">{{aaa}}<br>
<input type="text" ms-duplex-email="bbb">{{bbb}}
Javascript操作代码：
//自定义验证器limit：输入字符个数不能大于limit
avalon.duplexHooks.limit={
get:function(str,data){ //str:绑定的元素的值 data:所有的相关数据
var limit=parseInt(data.element.getAttribute("data-duplex-limit"));
if(str.length>limit){
//提取0-limit下标的字符串，若未设置则不做限制
return data.element.value=str.slice(0,limit);
}
return str;
}
}
vm=avalon.define({
$id:"test",
aaa:1111,
bbb:"sdssds@qq.com"
});
效果图：
来源：oschina
链接：https://my.oschina.net/u/4074151/blog/3016402