[精讚] [會員登入]

Javascript 限制輸入字元

如果要限制使用者輸入的內容只能用特定的字元,可用簡單的Javascript指令完成。 舉例而言:如果input欄位只能接

此文完整連結 http://n.sfs.tw/m10099

複製連結 Javascript 限制輸入字元@精讚
(文章歡迎轉載,請尊重版權註明連結來源)
2016-11-03 14:14:07 By 張○○

如果要限制使用者輸入的內容只能用特定的字元,可用簡單的Javascript指令完成。

舉例而言:如果input欄位只能接受數字,可以在 input 中加入一個onkeyup事件:

<input type="text" name="num" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" value="">

這樣就會把非數字的字元給洗掉,還有一種方法就是使用HTML5格式的pattern屬性

<input type="text" name="num" value="" pattern="[0-9]+" />

這個差異是在於用pattern是告訴你格式錯誤無法送出,但不會替你把不接受的字元濾掉。

參考資料

[1] http://www.w3schools.com/tags/att_input_pattern.asp

 

你可能有興趣

還在找webcam軟體嗎?試試這個瀏覽器webcame

只要有瀏覽器就能使用的webcam播放軟體 webcamera.io,能支持高解度播放。

好用免費畫面錄製網站 recordscreen

簡單的就能錄製自己的畫面或是全螢幕的網頁工具

世界有名的氣象天氣網站WINDY

這個網站能看到動態而且視覺化的天氣變化,令人著迷

免費插圖下載

日本的插畫屋是一個非常棒的插畫網站,完全免費

檢查你的密碼強度有多少

你的密碼多久會被破解?這個網站能幫你了解。

各國貪腐風氣指數

想知道政府的清廉程度?來看看國際透明組織的調查