iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 2
0

傳統的程式教學,就是把 "整本書"教了一次
然後做了一堆「數學題」,求質數、最大公X數、最小公Y數(連名字我都忘了)、寫九九乘法表.... Orz

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

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

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

例如:輸入個人資料時,常會輸入「密碼」、「E-Mail」
你要防呆,防止使用者輸入錯誤,就是讓他重複輸入兩次

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

這麼簡單的「防呆」,相信您也見過。
所以您學的技巧,就是您看過的,是網站必要的

這樣的教學,你比較有興趣吧?
現學現賣,不是嘛!!!

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

以ASP.NET Web Form來說,有驗證控制項(Validator)
也可以透過HTML5來做
當然,您是死硬派,堅持 JavaScript / jQuery來搞定也行。

不過,初學者前幾天,以「引起他的興趣」最重要
先不要讓他打太多字、寫太多程式,
以免這把「學習之火」還沒被引燃
就被「枯燥」給熄滅了

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

這個欄位「必填」(Required),該怎麼做?
這個欄位只能輸入「數字」,該怎麼做?
這個欄位必須跟另一個欄位比較,該怎麼做?

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

https://www.youtube.com/watch?v=MBCU9ZS4rFU

完成以後,我們繼續下一步吧
請看下一篇文章 -- http://ithelp.ithome.com.tw/articles/10185385


上一篇
什麼都不會,怎麼開始網頁&資料庫設計? Visual Studio無痛入門
下一篇
網頁程式的前端?後端?到底有什麼差別?
系列文
ASP.NET (Web Form)快速入門,全程Youtube影片教學30

尚未有邦友留言

立即登入留言