資源描述：
《ext js 用戶驗(yàn)證》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、今天我們介紹的是Ext,作為一個功能強(qiáng)大的Ajax框架Ext擁有華麗的界面可以用在富客戶端的開發(fā)上，徹底顛覆了人們對js的認(rèn)識“原來腳本也不是想象中的麻煩”。如今已經(jīng)有Ext2.2的版本了。在Ext2.2的版本中添加了許多新的特性，特別是對GMap的支持,獲得更多的信息請訪問Ext官網(wǎng)、Ext中文社區(qū)。下面介紹一個基于Ext2.1進(jìn)行用戶驗(yàn)證注冊的例子：一、主界面設(shè)計：????????????????????????????(圖一)???????????????????????(圖二)?????????(圖三)?????????????????
2、??????(圖四)?????????(圖五)以上的五張圖就為我們完整的展示了這個例子,接下來我們著重介紹代碼部分。二、代碼邏輯設(shè)計：???1???2??????Ext.onReady(function(){??3?????????Ext.QuickTips.init();??4?????????Ext.form.Field.prototype.msgTarget?=?'side';??5???????????6????????var?IsExsit=false;??7??????
3、??var?regform=new?Ext.form.FormPanel({?????????8????????????????labelWidth:80,??9????????????????frame:true?,?10?????????????????monitorValid:true,?//進(jìn)行表單驗(yàn)證?11????????????????defaultType:'textfield',??12????????????????items:[{?13??????????????????fieldLabel:"用戶名",?14???????
4、???????????id:"txtusername",?15??????????????????name:"username",?16??????????????????width:150,?17??????????????????labelAlign:"right",?18??????????????????validator?:function()?19??????????????????{?20????????????????????//本方法亦可以使用下面被注釋的部分代替?21??????????????????var?usernam
5、e?=?Ext.get('username').dom.value;?22??????????????????Ext.Ajax.request({?23?????????????????????url:'CheckUserName.aspx',?24?????????????????????params:{name:username},?25?????????????????????success:?function(response,?options)?{?????????????26????????????????????????var?d
6、ata?=?Ext.util.JSON.decode(response.responseText);??????????????27????????????????????????if(data.success?==?true)??ReturnValue(true);?28????????????????????????else?ReturnValue(false);//不能在success方法里面直接返回。?29?????????????????????}???30?????????????????});?31????????????????
7、function?ReturnValue(ok){?32???????????????IsExsit?=?ok;?33?????????????}?34?????????????return?IsExsit;??35??????????????????},?36??????????????????invalidText:"用戶已經(jīng)存在",?37??????????????????emptyText:"請輸入用戶名"?,?38??????????????????allowBlank:false?,?39??????????????????blan
8、kText:"請輸入用戶名！"?40????????????????},?41????????????????{?42????????????????
