Dreamweaver CS3集成Spry之表單檢測試用

本文格式為Word版，下載可任意編輯——DreamweaverCS3集成Spry之表單檢測試用DreamweaverCS3集成Spry之表單檢測試用

導(dǎo)語：DreamweaverCS3集成了AJAX框架Spry，使得我最近對Spry感上了興趣。下面就由我為大家介紹一下DreamweaverCS3集成Spry之表單檢測試用，接待大家閱讀!

再次說明下Spry是Adobe公司推出的AJAX框架，所謂AJAX框架，就先談目前流行的Web2.0。

1，這些Web2.0站點從頁面形式上來看，頁面與欣賞者的交互很時尚、也很人性化。譬如注冊信息時輸入郵箱不規(guī)矩，頁面立刻提示……當(dāng)然這在Web2.0之前已有應(yīng)用，但是從來沒有哪個時候像現(xiàn)在如此推崇此類即時檢測等很符合用戶體驗的技術(shù)，這些脫離不了Javascript腳本的編寫，其已屬于AJAX的定義范疇。

2，當(dāng)然AJAX不僅僅是這些，譬如要做個“TabPane選項卡”很炫酷的頁面表示功能，我們手寫Javascript腳本就對比的費事，當(dāng)然還有好多的在Web2.0站點看到的譬如“顯示和暗藏”、“淡入淡出”等特效，這些都離不開Javascript，而現(xiàn)在我們也稱為AJAX技術(shù)。

3，AJAX最核心的技術(shù)就是數(shù)據(jù)處理的才能，并能舉行遠(yuǎn)程異步處理的才能，主要集中在對XML數(shù)據(jù)的`數(shù)據(jù)交互上。

全體這些，Javascript占最大比重，XHTML、CSS作為表現(xiàn)形式而存在、因XML涉及的XSLT、XPATH等技術(shù)融入其中，還有相關(guān)的DOM操作，這些全體有需要功能文件的組合體就構(gòu)成了AJAX框架假設(shè)可以，你也可以自己寫一個AJAX框架給大家使用。

AdobeSpry介紹頁有這樣一句話：

WithSpry,youcanuseHTMLcode,CSScode,andaminimalamountofJavaScripttoincorporateXMLdataintoyourHTMLdocuments,createwidgetssuchasaccordionsandmenubars,andadddifferentkindsofeffectstovariouspageelements.

使用Spry框架，用HTML、CSS、JavaScript就可以在HTML文章中呈現(xiàn)XML數(shù)據(jù)、建立諸如炫酷菜單的一些界面，還有其他的一些頁面特效大體上分了三類內(nèi)容，這也是SpryAJAX框架所具備的。

由此，學(xué)習(xí)Spry就可以從如下三點開頭：

WorkingwithSprywidgets

WorkingwithSpryEffects

WorkingwithSpryXMLDataSets

前天關(guān)于DreamweaverCS3集成Spry效果試用就是Sprywidgets中的一例，今天介紹的表單檢測還屬其中內(nèi)容。

在頁面中插入“Spry”-“Spryvalidationtextfield”文本框之后，在選中該表單元素之后除了顯示其元素屬性以外，在選擇該表單元素之上的藍(lán)色文本“SpryTextField”，屬性面板中顯示了表單驗證相關(guān)的選項內(nèi)容。

譬如下圖就是選擇“Type”是“EmailAddress”的郵件輸入檢測，觸發(fā)的動作默認(rèn)是“Submit”，當(dāng)然自己也可以選擇“Blur”或“Change”，對于這些操作，那么要求使用者具備簡樸的Javascript學(xué)識。還可以設(shè)置默認(rèn)文本提示，是否務(wù)必填寫等。

這些操作，對于有Dreamweaver閱歷的用戶來說，曾經(jīng)是在DW的腳本行為中的操作，不過那些顯示的是彈出警告框，而現(xiàn)在是緊隨表單元素之后的即時顯示的文字信息，相對比一下哪個更讓用戶覺得親切呢?——這就是Web2.0在表現(xiàn)形式上質(zhì)的飛