【MVVM】- Avalon驗證器duplexHooks

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

相關文章
相關標籤/搜索