Restrict user input by regex. 用 regular expression 限制使用者輸入

在需要限制使用者只能輸入某些字元，如只能輸入英文、數字的時候，不能輸入中文全型、空白，可以透過 javascript 內建的 event 及 regular expression 來達成。


這是一個範例，regular expression的部份在 /[^-_0-9]/g

這段主要分成三個部分

1. 斜線之間放需要尋找的字元
2. 搜尋的內容
   
   • [字元]：和指定的字元相符
   • [^字元]：指定的字元以外
   • -_0-9： 指定的內容（這裡是和'-','_',0~9等數字相符）*
3. g - 搜尋一整個目標字串 **

* 指定內容格式常用的其他方式 (還有更多)
\d - 限制僅為數字，作用與 0-9 相同
\w - 相同於 a-zA-Z0-9 ，大小寫英數皆相符
\s - 表示任何的空白符號

** 字尾其他常用指定方式
g - 整個字串都搜尋
i - 區別英文大小寫
m - 只判斷開頭和結尾


Reference

1. Regular-Expressions.info: http://www.regular-expressions.info/reference.html
2. 小保羅的爸 - 輕鬆解決網頁只能輸入英數字的問題: http://blog.xuite.net/cvh007/paul/20838960
3. 石頭閒語 - Regular Expression (RegExp) in JavaScript: http://blog.roodo.com/rocksaying/archives/2670695.html

MapBox - the awesome solution for map

source: MapBox

MapBox

MapBox 是另外一個很有趣的Maps API，最初發佈於 2011 年 4 月

MapBox 提供開發者一個 Dashboard 可以方便管理地圖的樣式， 儲存後並會提供一個 map id (Ex: username.mapserial)。
使用時只要輸入自己的 Map id，就可以直接取得 Map的樣式、甚至是預先標好的座標，非常的方便。

另外除了可以透過 map id 存取之外，MapBox 還提供了強大的 RESTful API，可以任意設定縮放視野、設定視野中心的經緯度座標。(Developer)

使用方式

要使用的方式很簡單（相對於Google我不太清楚，目前覺得我想要的事情可以迅速達成，還滿讚的！）

• iframe
• mapbox.js
• iOS SDK
• 靜態圖片

以下是使用iframe方式呈現的 MapBox 地圖，其他功能日後再來玩玩看～！



Reference

1. MapBox: http://www.mapbox.com/