轉Vtype擴充套件

2022-03-04 12:57:33 字數 2240 閱讀 6257

上篇中我們簡單的談到了formpanel中的fieldset和combobox,今天我們繼續把這個話題說下去,說全一點,說深一點。

3.可選的fieldset例項

其實就是帶個chechbox,有點像論壇註冊時有一部分是選填資訊的那種效果,主要知識點:

//因為覺得這個引數特別,特舉一例以說明

1.checkboxtoggle:

true

//true則呈現乙個帶checkbox的fieldset,選中則展開,否則相反,預設為false

2.checkboxname:string

//當上面為true時,作為checkbox的name,方便表單操作

//在上一節的基礎**的items裡面新增如下配置,]

4.表單驗證例項(空驗證,密碼確認驗證,email驗證)

我們可以用單獨的js寫表單驗證,但是extjs已經為我們想到了(自己單獨寫反而不方便)。

在驗證之前,我不得不提兩個小知識點:

//大家在很多的extjs**中都看到了這兩個,他們都起提示作用的

ext.quicktips.init();

//支援tips提示

ext.form.field.prototype.msgtarget='

side';

//提示的方式,列舉值為"qtip","title","under","side",id(元素id)

//side方式用的較多,右邊出現紅色感嘆號,滑鼠上去出現錯誤提示,其他的我就不介紹了,可自行驗證

//大家可以分別去掉這兩行**,看效果就會明白他們的作用,(放在onready的function(){}中)

1.我們看乙個最簡單的例子:空驗證(其實這不算是乙個專門的驗證例子)

//空驗證的兩個引數

1.allowblank:

false

//false則不能為空,預設為true

2.blanktext:string

//當為空時的錯誤提示資訊

js**為:

2.用vtype格式進行簡單的驗證。

在此舉郵件驗證的例子,重寫上面**的items配置:

你可以修改上面的vtype為以下的幾種extjs的vtype預設支援的驗證:

//form驗證中vtype的預設支援型別

1.alpha 

//只能輸入字母,無法輸入其他(如數字,特殊符號等)

2.alphanum

//只能輸入字母和數字,無法輸入其他

3.email

//email驗證,要求的格式是"[email protected]"

4.url

//url格式驗證,要求的格式是http://www.***

3.確認密碼驗證(高階自定義驗證)

前面的驗證都是extjs已經提供的驗證,我們也可以自定義驗證函式,比上面要複雜點了。我們一起做乙個密碼確認的例子。

我們修改前面的**:

//function

(val,field)

return

true;}

});//

配置items引數

關於vtype的內容還有很多內容要挖掘,但現在我們就點到這裡為止,以後有機會再討論它的其他高階驗證。

不知不覺中寫了這麼多,大家都要歇息了,我們下次再接著討論,

(因為本人近期考試和其他鎖雜事情,近期可能更新較慢,還請大家海量,耐心,支援!)

ext的vtype自動驗證

用vtype格式進行簡單的驗證。在此舉郵件驗證的例子,重寫上面 的items配置 items 你可以修改上面的vtype為以下的幾種extjs的vtype預設支援的驗證 form驗證中vtype的預設支援型別 1.alpha 只能輸入字母,無法輸入其他 如數字,特殊符號等 2.alphanum 只能...

轉 linux安裝swoole擴充套件

發表於2年前 2014 09 03 14 05 閱讀 7人收藏此文章,我要收藏 贊2 上海源創會5月15日與你相約 玫瑰裡 趕快來約哦 linux phpize swoole 1 unzip swoole src master.zip 3.解壓之後開啟解壓的目錄,我是解壓在目錄 opt下面的,所以?...

Ext自定義vtype動態驗證

本文 近日來對ext特別感興趣,也許是它那種oo的設計思想吸引了我,也可以追溯到第一次見到ext那種漂亮的介面開始吧.求神拜佛不如自食其力,為了一點小的問題找遍了google也沒個結果,自己甚少去bbs混,也不熟悉規矩,只能硬著頭皮自己幹了.翻源 是一道必不可少的工序,說來慚愧,自己對js的認識還停...