延續上一篇文章  http://mis2000lab.pixnet.net/blog/post/34546883

 

傳統的程式教學,就是把 "整本書"教了一次

然後做了一堆「數學題」,求質數、最大公X數、最小公Y數(連名字我都忘了)、寫九九乘法表.... Orz

學了一大堆,卻不知道怎麼用?

學越多,越無趣。
越無趣,就越痛恨「學習寫程式」

教學時,我只用上最基本的「if / 迴圈」就好囉,然後寫一點實用的範例

例如:輸入個人資料時,常會輸入「密碼」、「E-Mail」

你要防呆,防止使用者輸入錯誤,就是讓他重複輸入兩次

密碼:__________

密碼#2:__________ (請重複輸入,再度確認)

這麼簡單的「防呆」,相信您也見過。

所以您學的技巧,就是您看過的,是網站必要的

這樣的教學,你比較有興趣吧?

現學現賣,不是嘛!!!

當然,您可以透過現成的東西來處理這些「防呆」

以ASP.NET Web Form來說,有驗證控制項(Validator)

也可以透過HTML5來做

當然,您是死硬派,堅持 JavaScript / jQuery來搞定也行。

不過,初學者前幾天,以「引起他的興趣」最重要

先不要讓他打太多字、寫太多程式,

以免這把「學習之火」還沒被引燃
就被「枯燥」給熄滅了

所以今天我們來介紹「防呆」與「驗證」,例如:

這個欄位「必填」(Required),該怎麼做?

這個欄位只能輸入「數字」,該怎麼做?

這個欄位必須跟另一個欄位比較,該怎麼做?

我覺得用HTML5最簡單,我們來試試看吧?

 

完成以後,我們繼續下一步吧

請看下一篇文章   http://mis2000lab.pixnet.net/blog/post/34546893

創作者介紹

MIS2000 Lab -- ASP.NET專題實務 / 線上教學文件

MIS2000 Lab 發表在 痞客邦 PIXNET 留言(0) 人氣()