上篇中我們簡單的談到了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的認識還停...