延續上一篇文章  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

arrow
arrow
    全站熱搜

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

    E-mail轉寄