extjs 表單驗證例項

2021-05-22 13:41:02 字數 1227 閱讀 2108

//放在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驗證,要求的格式是"

[email protected]

"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...