Extjsフォームの一般的な検証の結果

 
//  onReady function(){}  
Ext.QuickTips.init(); //           ，form                   。 
Ext.form.Field.prototype.msgTarget='side'; //     ，    : 

qtip-マウスがコントロールの上に移動するとヒントが表示されます。title-ブラウザのタイトルで表示されますが、テスト結果はqtipと同じです。アンダーダー-コントロールの下にエラーメッセージを表示します。side-コントロールの右にエラーアイコンが表示されます。アイコンにマウスを向けるとエラーメッセージが表示されます。標準値です。id-[element id]エラーメッセージが指定されたidのHTML素子の中に表示されます。一番簡単な例：空認証

 
//         
allowBlank:false//false     ，   true 
blankText:string//            

jsコードは

 
var form1 = new Ext.form.FormPanel({ 
width:350, 
renderTo:"form1", 
title:"FormPanel", 
defaults:{xtype:"textfield",inputType:"password"}, 
items:[ 
{fieldLabel:"    ", 
allowBlank:false, //      
blankText:"    ", //      ，   This field is required! 
id:"blanktest", 
} 
] 
}); 

。vtype形式で簡単な検証ができます。このようなメール検証の例では、上記のコードを書き換えるためのitems構成：

 
items:[ 
{fieldLabel:"    ", 
vtype:"email",//email     
vtypeText:"         ",//      ,         
id:"blanktest", 
anchor:"90%" 
} 
        vtype      extjs vtype       ： 
//form   vtype        

1.アルファベット/アルファベットのみ入力でき、他の文字（数字、特殊記号など）を入力できません。要求のフォーマットはhttp://www.baidu.com 3.高度なカスタムパスワードの検証の前の検証はすべてextjsが提供したもので、私達もユーザー定義の検証関数を使うことができます。

 
//  Ext.apply        password    （         ） 
Ext.apply(Ext.form.VTypes,{ 
password:function(val,field){//val        ，field        ，          
if(field.confirmTo){//confirmTo           ，            id  
var pwd=Ext.get(field.confirmTo);//  confirmTo   id   
return (val==pwd.getValue()); 
} 
return true; 
} 
}); 
//  items   
items:[{fieldLabel:"  ", 
id:"pass1", 
},{ 
fieldLabel:"    ", 
id:"pass2", 
vtype:"password",//         
vtypeText:"       ！", 
confirmTo:"pass1",//            id 
} 

4.正規表現を用いて検証する

 
new Ext.form.TextField({ 
fieldLabel : "  ", 
name : "author_nam", 
regex : /[\u4e00-\u9fa5]/, //      /...../  . [\u4e00-\u9fa5] :       . 
regexText:"      !", //          
allowBlank : false //       .    . 

。