1. 程式人生 > >【MVVM】- Avalon驗證器duplexHooks

【MVVM】- Avalon驗證器duplexHooks

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:"[email protected]"
});

效果圖:

相關推薦

MVVM- Avalon驗證duplexHooks

avalon驗證器: 主要用來限定某些元素的格式輸入 介面 <!-- ms-

MVVM- Avalon 事件繫結

avalon事件繫結 介面 <body ms-controller=&quo

MVVM- Avalon 過濾器

ms-controlle作用:當頁面事先載入而頁面並未完全渲染完成時自動隱藏目標顯

MVVM- Avalon 屬性監控、解除監控、子孫元素監控、統一屬性監控

Avalon 屬性監控 $watch:屬性值改變就會改變 監聽當前的vm第1層

MVVM- Avalon 陣列操作

avalon 物件、物件陣列、陣列基本操作 介面 <body ms-cont

Ubuntu任務管理loadruner

grep rexec ref con included init.d 返回 find ubun    linux1 準備工作 可以通過兩種方法驗證服務器上是否配置了rstatd守護程序: ①使用rup命令,它用於報告計算機的各種統計信息,其中就包括rstatd的

叠代、生成器、裝飾和標準庫

ber 遍歷 mmu 取出 out most 例如 list char 一:叠代器 在python中,很多對象可以直接通過for語句來直接遍歷,例如:list、string、dict等等,這些被稱為可叠代對象 叠代器是一個可以I記住遍歷的位置的對象。 在python中,支持

JQuery選擇

log fieldset radi query 選擇器 序號 html 數組 cnblogs 原址:http://www.cnblogs.com/onlys/articles/jQuery.html jQuery 的選擇器可謂之強大無比,這裏簡單地總結一下

ElementUI日期選擇時間選擇範圍限制

del this 以及 ui框架 .get led () 設置 ons   ElementUI是餓了麽推出的一套基於vue2.x的一個ui框架。官方文檔也很詳細,這裏做一個element-ui日期插件的補充。   官方文檔中使用picker-options屬性來限制可選擇的

24Python裝飾筆記

put 訪問 img elif 分享 sse pass 源代碼 local 裝飾器定義:本職是函數,(裝飾其他函數)就是為其他函數添加附加功能。原則:1.不能修改被裝飾的函數的源代碼2.不能修改被裝飾函數的調用的方式 先來一個直觀感受 import time def tim

轉載Python裝飾-----Toby Qin

callable cache __init__ spec Go 自帶 pos 發揮 date Python中的裝飾器是你進入Python大門的一道坎,不管你跨不跨過去它都在那裏。 為什麽需要裝飾器 我們假設你的程序實現了say_hello()和say_goodbye()兩個

JavaJava計時(秒表)

sna win8 pbo tcl constant 源代碼 AS add 開始時間 https://blog.csdn.net/c_jian/article/details/50506759 應用名稱:Java計時器 用到的知識:Java GUI編程 開發環境:win8+e

前端驗證碼倒計時、後臺發送驗證碼、創藍短信接口

statistic pla use code arr 是否 fun utf nsf 前端代碼:倒計時 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"&

WEB服務與應用服務的區別

由於 .net 然而 cluster scala apache servlet 位置 如何使用 https://blog.csdn.net/liupeng900605/article/details/7661406 一.簡述 WEB服務器與應用服務器的區別: 1

Tomcat學習筆記1--- WEB服務、JavaEE、Tomcat背景

javascrip http .cn 目的 java log 進行 瀏覽器 靜態資源 本文主要講學習Tomcat需要知道的基礎知識。 一 Web服務器 Web服務器可以解析HTTP協議。當Web服務器接收到一個HTTP請求,會返回一個HTTP響應,例如送回一個HTML頁面。

JVM垃圾收集

七、垃圾收集器 JDK7/8後,HotSpot虛擬機器所有收集器及組合(連線),如下圖: 圖中展示了7種不同分代的收集器: Serial、ParNew、Parallel Scavenge、Serial Old、Parallel Old、CMS、G1; 它們所處區域

ElementUI日期選擇時間選擇範圍限制,只能選今天之前的時間,或者是隻能選今天之後的時間。今天是否可以選

<el-date-picker v-model="value1" type="date" placeholder="選擇日期" :picker-options="pickerOptions0"> </el-date-picke

ICS2015簡易排程之CPU_state

https://nju-ics.gitbooks.io/ics2015-programming-assignment/1.3.1.html 雖然明確提示,要使用匿名union,但是具體該怎麼表示,還是費了一番神。最開始寫出來是這樣的: typedef struct { unio

LeetCode680. 驗證迴文字串 Ⅱ

題目連結:https://leetcode-cn.com/problems/valid-palindrome-ii/description/ 題目描述 給定一個非空字串 s,最多刪除一個字元。判斷是否能成為迴文字串。 示例 輸入: “aba” 輸出: True 輸入:

LeetCode125. 驗證迴文串

題目連結:https://leetcode-cn.com/problems/valid-palindrome/description/ 題目描述 給定一個字串,驗證它是否是迴文串,只考慮字母和數字字元,可以忽略字母的大小寫。 說明:本題中,我們將空字串定義為有效的迴文串。