ext は完全なログイン コードを実装します_YUI.Ext 関連

Ext.form.Field.prototype.msgTarget = 'side';

//フォームを定義
var simple = new Ext.FormPanel({
labelWidth: 75,
baseCls: 'x -plain',
width: 150,
defaultType: 'textfield', //デフォルトのフィールドタイプ

//フォーム要素を定義
items: [{
fieldLabel: 'Account ',
name: 'name',//要素名
//anchor:'95%',//これを使用して適応幅を定義することもできます
allowBlank:false,//空白は使用できませんallowed
blankText:'アカウントを空にすることはできません'//エラー メッセージの内容
},{
inputType:'password',
fieldLabel: 'Password',
//anchor:'95 %' ,
name: 'pws',
allowBlank:false,
blankText:'パスワードを空白にすることはできません'
}
],

ボタン: [{
text: 'Login',
type: 'submit',
//フォーム送信イベントを定義します
handler:function(){
if(simple.form.isValid()){/ /Verification 読み込みの進行状況バーを有効にしてから使用してください
Ext.MessageBox.show({
title: 'お待ちください',
msg: '読み込み中...',
progressText: '' ,
width:300,
progress:true,
closable:false,
animEl: 'loding'
}); // 進行速度を制御します
var f = function(v ){
return function(){
Ext.MessageBox.updateProgress(i, '');

for(var i = 1; i setTimeout(f(i), i*150);
}

//サーバー操作に送信しますsimple .form.doAction('submit',{
url:'check.asp',//ファイルパス
method:'post',//Submit メソッド post または get
params: '',
// 送信が成功した場合のコールバック関数
success:function(form,action){
if (action.result.msg=='ok') {
document.location=' Index.html' ;
} else {
Ext.Msg.alert('ログインエラー', action.result.msg);
}
},
//送信用のコールバック関数Failure
Failure:function(){
Ext.Msg.alert('Error', 'サーバーでエラーが発生しました。後でもう一度お試しください。 ');
}
});
}
}
},{
text: 'キャンセル',
handler:function(){simple.form.reset ();}//フォームをリセット
}]
});
//フォームを定義
var win = new Ext.Window({
id:'win',
title:'ユーザーログイン',
layout:'fit', //前述のレイアウトメソッドfit、アダプティブレイアウト
width:300,
height:150,
plain: true,
bodyStyle:'padding:5px;',
maximizable:false,//最大化を禁止する
closeAction:'close',
closable:false,//閉じることを禁止する
collapsible :true,// Collapsible
plain: true,
buttonAlign:'center',
items:simple//フォーム要素としてのフォームのネストされたレイアウト
}); /フォームを表示