//放在onready的function(){}中
ext.quicktips.init(); //為元件提供提示資訊功能,form的主要提示資訊就是客戶端驗證的錯誤資訊。
ext.form.field.prototype.msgtarget='side'; //提示的方式,列舉值為
qtip-當滑鼠移動到控制項上面時顯示提示
title-在瀏覽器的標題顯示,但是測試結果是和qtip一樣的
under-在控制項的底下顯示錯誤提示
side-在控制項右邊顯示乙個錯誤圖示,滑鼠指向圖示時顯示錯誤提示. 預設值.
id-[element id]錯誤提示顯示在指定id的html元件中
1.乙個最簡單的例子:空驗證
//空驗證的兩個引數
1.allowblank:false//false則不能為空,預設為true
2.blanktext:string//當為空時的錯誤提示資訊
js**為:
var form1 = new ext.form.formpanel(,
items:[
]});
2.用vtype格式進行簡單的驗證。
在此舉郵件驗證的例子,重寫上面**的items配置:
items:[
你可以修改上面的vtype為以下的幾種extjs的vtype預設支援的驗證:
//form驗證中vtype的預設支援型別
1.alpha //只能輸入字母,無法輸入其他(如數字,特殊符號等)
2.alphanum//只能輸入字母和數字,無法輸入其他
3.email//email驗證,要求的格式是"
"4.url//url格式驗證,要求的格式是[url]http://www.langsin.com[/url]
4.使用正規表示式驗證
new ext.form.textfield({
fieldlabel : "姓名",
name : "author_nam",
regex : /[/u4e00-/u9fa5]/, //正規表示式在/...../之間. [/u4e00-/u9fa5] : 只能輸入中文.
regextext:"只能輸入中文!", //正規表示式錯誤提示
allowblank : false //此驗證依然有效.不許為空.
詳細angular表單驗證例項
乙個angular實現的表單驗證例子,包括使用者名稱已存在驗證,話不多說,看 解決php接收不到問題,這塊要注意,angular的乙個小坑 表單資料提交給後台 scope.user 檢測使用者名稱是否存在 scope.selectname function then function res 向資料...
ExtJs表單驗證
一 基本驗證方式,使用vtype屬性。1.alpha只能輸入字母,無法輸入其他 如數字,特殊符號等 2.alphanum只能輸入字母和數字,無法輸入其他 3.email驗證,要求的格式是jelly 8090 sina.com 4.url格式驗證,要求的格式是 二 其他方式驗證。1.驗證最大最小輸入字...
正規表示式表單驗證例項
是否帶有小數 function isdecimal strvalue 校驗是否中文名稱組成 function ischina str 定義驗證表示式 return reg.test str 進行驗證 校驗是否全由8位數字組成 function isstudentno str 定義驗證表示式 retu...