[精讚] [會員登入]

Javascript 限制輸入字元

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

分享完整連結 //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

 

END
你可能有興趣

[地理] 澳洲柏斯的位置竟然比台灣還要西邊

這近我驚奇的發現,澳洲柏斯的精度竟然比臺灣甚至今晚還要來的西邊

WarSpotting 統計俄國在烏克蘭戰爭中到底是損失了多少軍事裝備或人員

這個網站可以看到俄羅斯在戰場上的軍事人員裝備損失,非常詳細

Mac上 vim的複製貼上不能用

在freebsd系統中發現vim裡的command+c沒辦法選取複製,但command+v可以貼上

check-host 從世界各地檢查你的網站能不能連線?

檢測你的網站能不能暢通?這個網站可讓你知道你的網站是不是「網際網路」還是「區域網路」?

[Smarty4] 出現 modifiers 函式不能用的問題

當我把smarty由3版更新到4.5.1版的時候,出現了Using unregistered function xx in a template這樣的錯誤,該如何解決?

[Docker] docker中要怎麼修改影像的名稱,rename image

透過 build來的image如果沒有指定名稱,事後要怎麼修改影像的名稱?