2/30 「防呆」與「驗證」，避免使用者輸入錯誤資料

上一篇文章：http://mis2000lab.blogspot.com/2017/01/130-visual-studio.html

傳統的程式教學，就是把 "整本書"教了一次
然後做了一堆「數學題」，求質數、最大公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://mis2000lab.blogspot.com/2017/01/330.html