avalon驗證器: 主要用來限定某些元素的格式輸入3d
界面code
<!-- 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操做代碼:blog
//自定義驗證器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" });
效果圖:ip