2013年5月8日 星期三

Javascript-表單欄位驗證之身分證字號

說明:
        針對填寫者在表單頁面填寫身分證欄位後,立即驗證該欄位數值是否合理!

填寫頁面(簡易):
身分證字號:<input name="IDNumber" type="text" value="" />

驗證程式碼:
<script>
 function checkID(id) {
    tab = "ABCDEFGHJKLMNPQRSTUVXYWZIO";                     
    A1 = new Array (1,1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,2,2,2,2,3,3,3,3,3,3 );
    A2 = new Array (0,1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0,1,2,3,4,5 );
    Mx = new Array (9,8,7,6,5,4,3,2,1,1);

    if ( id.length != 10 ) return false;
    i = tab.indexOf( id.charAt(0) );

    if ( i == -1 ) return false;
    sum = A1[i] + A2[i]*9;

    for ( i=1; i<10; i++ ) {
      v = parseInt( id.charAt(i) );
      if ( isNaN(v) ) return false;
      sum = sum + v * Mx[i];
    }
    if ( sum % 10 != 0 ) return false;
      return true;
  }       
  
  var input = document.getElementsByName("IDNumber");
  input[0].onblur = function(){
    if(this.value.length ==10){
       var chval=checkID(this.value.toUpperCase());
       if(chval==false){
          alert("請再確認身分證字號!");
          this.value="";
       }
    }else if(this.value.length <9 || this.value.length >10){
          alert("請再確認身分證字號!");
          this.value="";
    }
  }
</script>


參考資料:
javascript 身份證字號驗證,by設計自己也設計別人

2013年4月16日 星期二

Chrome's Tool _WEB Clock


工具名稱:Web Clock
說明:顯示時間在網頁介面上
下載連結:http://www.clocklink.com/


參考程式碼:
<iframe scrolling="no" frameborder="0" style="overflow:hidden;border:0;margin:0;padding:0;width:91px;height:30px;" src="http://www.clocklink.com/html5embed.php?clock=008&timezone=GMT0800&color=black&size=91"></iframe>

2013年4月13日 星期六

未曾熟識的故鄉_遊四



















關山親水公園:關山環保親水公園位於關山車站後方,佔地約32公頃,利用新武呂溪和豐富的地下源流,規劃為充滿鄉野氣息的親水公園。














風吹水波顫顫 
































曲直向前





















回音台  聆聽 山的雲動 風的輕拂 水的柔情


未曾熟識的故鄉_三



















吉蒸牧場:位於秀姑巒溪泛舟中心後方,佔地近十公頃。




















導覽小圖




















販賣小屋 簡單俐落 地中海風味




















小池 輪轉水車





















放飯囉




















乘涼涼 小羊羊



未曾熟識的故鄉_遊二

























鯉魚潭:位於花蓮縣壽豐鄉池南村鯉魚山下。




















晴朗藍 雲帶點 佇旁白鴨鴨



















高樓 讓欲遠眺的 心 更寬




















潭中的 唯一嬌客

未曾熟識的故鄉_遊一



東西橫貫公路牌樓,為進入太魯閣的起點,換句話說眼簾也開始會漸漸令人驚艷。







































燕子口(一)



















燕子口(二)

2013年4月2日 星期二

Google Chrome's Tool

Google Chrome's Tool

  1. Flag for Chrome
  2. 說明:顯示正瀏覽網頁的網頁伺服器位在哪一國家
    下載連結

  3. Google Dictionary(Google)
  4. 說明:輕鬆翻譯英文
    操作:
       1) 在字詞上點兩下
       2) 按著"alt"+右鍵選取字詞或子句
    下載連結

  5. Translate selection
  6. 說明:選取翻譯 操作:
       1) 選取欲翻譯"字詞"或"子句",左鍵點擊翻譯功能選項
    下載連結

  7. Stop Autoplay for YouTube
  8. 說明:停止 youtube 自動撥放功能,但允許預先緩衝
    下載連結