「網頁設計不一定要『互動式』， 也可以單純的呈現訊息，
不是嗎？」

這位朋友說的一點兒也不錯， 你想設計的是動態的網頁還是靜態的頁面，
看你架設網頁的目的為何，
如果只純粹做資料分享，
讓人家瀏覽你放在伺服器裡頭的一些文件，
使用靜態頁面就夠了。
回想當初我自己學習架設網頁，
也是這樣子做的，
只把某些聲音檔放在伺服器上，
然後告訴朋友這些檔案的網路位置，
他們就可以連線欣賞。

看過之前的文章 （ 略述劇本怎樣在你的電腦動手腳） 或許有些朋友仍然弄不明白什麼叫做用戶端？
什麼又叫做伺服器端？
真是不好意思，
去怪鴿子吧！
是他這樣教育我的。
坦白說我自己雖然已經有點兒領會了，
但還是無法精確地用文字表達，
沒關係的，
許多事情一開始我們都不一定懂才能去做，
等到做了之後才開始漸漸有些明白。
「無論如何，
先做再說，
就算不懂，
做了便知！」
希望大家能多多從實作經驗中累積知識，
唯有曾經用心做過的事情，
才知道原理原則在哪。
只要能抓出它們的規則，
必然可以舉一反三，
大有精進，
且讓我們邊做邊學吧！

第一張表單 看過這篇文章我們已經知道傳送表單資料的時候，
用戶端瀏覽器會根據 form 標籤的定義，
將使用者所填寫的資料送到 action 所指定的伺服器位置處理。
至於伺服器怎樣處理這些表單資料，
那是伺服器網頁程式的工作，
我們在此按下不表，
有興趣的話可以閱讀這篇：
[封面] 大家來學php。 如今我們即將在這裡學習表單驗證的一點基本知識，
「什麼叫做表單驗證呢？」

同學們把作業寫完最好先檢查一下， 確定沒問題才交出去比較保險。
在學期中，
老師把同學們交來的作業收齊了，
也要再做一次檢查，
確定同學們寫的作業都沒問題，
然後等作業抽查送到教務處。
最後，
教務處那邊開始檢查每個同學的作業，
檢查通過了就蓋個章嘉獎一番，
以茲鼓勵。
這些一連串的檢查過程，
可以說都是一些驗證的程序，
每個驗證程序過關後才可以進入下一個階段繼續執行新的程序。
簡單的說，
所謂表單驗證，
就是一大堆的資料檢查程序，
「資料如何檢查？
檢查之後要如何處理？」
這些工作我們都可以想辦法透過劇本來執行。

許多網頁設計之所以喜歡利用劇本作表單驗證， 是因為劇本屬於用戶端程式語言。
也就是說所有利用劇本設計的網頁特效，
或者表單驗證，
都在用戶的瀏覽器進行，
假如是一段表單驗證程序，
驗證之後才決定該以什麼樣的方式處理這些表單資料，
或繼續其他表單程序，
或把表單資料回傳到伺服器等。
我們可以舉個例子來解釋，
某個網頁伺服器收到來自某用戶想要參訪的服務請求時，
該伺服器也許希望用戶先輸入一些資料才要提供服務，
於是它就把一個表單傳到用戶端電腦，
透過瀏覽器將表單呈現在電腦螢幕上讓用戶填寫，
例如登入帳號與密碼等等，
當網頁用戶把表單填寫完畢且按下送出鈕，
這些資料可以先在用戶端電腦做好驗證，
驗證通過了之後才把資料送到伺服器處理。

各位有沒有發現之前阿亮寫的那張表單： 「 小茴香」運作起來也許會有點兒問題？ 那些文字輸入欄明明是要輸入點餐份數的，
可是如果偏是有人故意搞怪，
寫的不是數字，
而是一些亂七八糟的內容怎辦？
也或許他故意把數字寫得很大，
導致伺服器運算錯誤又怎辦？

是的， 表單資料的驗證非常重要，
有些人簡直就是來亂的。
以阿亮寫的那個表單為例，
或許我們就可以用劇本寫一個表單驗證的程序代碼，
規定當有人在表單裡輸入了一些不屬於數字的內容時，
就不要把這些資料傳回伺服器。
我們可以這樣設計我們的表單驗證程序：
「如果這個欄位內容不是數字，
就彈出一個信息視窗予以警告，
並且請該用戶重新輸入資料，
直到其所輸入的內容符合我們要求的格式才算驗證通過。」
因此，
學習架設網頁，
尤其互動式的網頁，
表單的驗證是非常重要的。
我們雖然可以在用戶端與伺服器端兩方面來進行這工作，
然而倘若能先在用戶端做好資料驗證，
那就可以大大地增加伺服器的運作效率了。
這幾篇文章我們將要學習的就是：
「如何利用劇本程序，
在用戶端做好表單驗證工作？」