2013/07/09

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

沒有留言:

張貼留言