設計自己也設計別人

可以免費吃到台北知名的美鍋餐廳的活動。本來想說上線之後，來 Pixne 告知網友的，但沒想到上線5分鐘，名額就被搶光了！殘念了~~ DEMO 網址：http://www.usbeefparty.com.tw/

這次的活動用了 jquery 的技巧，以方便能即時統計報名剩餘的數量。

jquery 的標語就是『寫的少，做的多』，使用己經寫好的的類別，造福我們使用者。

用 jquery 來讀資料庫的資料，程式碼大概像這樣子吧。

$.getJSON("ajax_get_config.php",
  function(data){
   $("#visitor_today").html(data.WORD_VISITOR_TODAY);
   $("#visitor_today").fadeIn("slow");
   $('#visitor').html(data.WORD_VISITOR);
   $("#visitor").fadeIn("slow");
   $('#out_count').html(data.out_count);
   $("#out_count").fadeIn("slow");
  }
 );

另外還需要身份證驗證，客戶端的 javascript 如下：

function checkID( id ) {
    tab = "ABCDEFGHJKLMNPQRSTUVWXYZIO"
    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;
 }

此外，使用 ajax 的技術，來判斷該身份證是否己經使用過了。

var json_url = "ajax_check_sid.php?signup_sid="+beef_form.signup_sid.value;
    $.getJSON(json_url,function(data){
     if(data.sid_count>0){
      alert('這個身份證字號己經報名過囉~~');
      beef_form.signup_sid.focus();
      return false;
     }else{
      beef_form.submit();
     }
    });