數字每隔四位用空格分隔程式碼例項
分享一段程式碼例項,它實現了數字每隔四位就用空格分隔。
這樣的效果在填寫銀行卡的時候十分常見,這也是非常人性化的舉措。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(function () { $('#ant').on('keyup mouseout input', function () { var $this = $(this); var v = $this.val(); /\S{5}/.test(v) && $this.val(v.replace(/\s/g, '').replace(/(.{4})/g, "$1 ")); }); }) </script> </head> <body> <input type="text" id="ant" /> </body> </html>
上面的程式碼實現了我們的要求,更多內容可以參閱相關閱讀。
相關閱讀:
(1).on()可以參閱jquery on()一章節。
(2).keyup事件可以參閱jQuery keyup事件一章節。
(3).val()方法可以參閱jQuery val()一章節。
(4).test()方法可以參閱正規表示式test()函式一章節。
(5).replace()可以參閱正規表示式replace()函式一章節。
(6).子表示式可以參閱正規表示式分組一章節。
相關文章
- js正規表示式實現數字每隔四位用空格分隔程式碼JS
- 使用數字分隔字串程式碼例項字串
- javascript將數字四位分隔模擬銀行卡號碼程式碼例項JavaScript
- 數字千分位分隔程式碼例項
- js數字三位分隔效果程式碼例項JS
- js實現的數字每隔3位就加逗號程式碼例項JS
- javascript數字上舍入程式碼例項JavaScript
- javascript數字下舍入程式碼例項JavaScript
- js獲取數字中的最小數字程式碼程式碼例項JS
- javascript刪除字串中空格程式碼例項JavaScript字串
- js格式化數字例項程式碼JS
- jQuery數字分頁效果程式碼例項jQuery
- js實現的將數字每隔3位加一個逗號近金錢格式程式碼例項JS
- 正規表示式刪除空格程式碼例項
- 原生js刪除字串中空格程式碼例項JS字串
- js刪除字串兩端空格程式碼例項JS字串
- javascript判斷數字正負程式碼例項JavaScript
- css數字分頁佈局程式碼例項CSS
- javascript數字四捨五入程式碼例項JavaScript
- javascript數字自動加1程式碼例項JavaScript
- 提取字串中數字的程式碼例項字串
- 數字轉換為漢字大寫形式程式碼例項
- jQuery刪除字串兩端的空格程式碼例項jQuery字串
- js刪除字串中所有空格程式碼例項JS字串
- 限定文字框只能輸入數字例項程式碼
- 數字轉換為中文大寫例項程式碼
- jQuery實現的數字分頁程式碼例項jQuery
- 文字框輸入數字倒計例項程式碼
- js將字串轉換為數字程式碼例項JS字串
- js生成不重複數字陣列程式碼例項JS陣列
- js獲取數字最小值程式碼例項JS
- javascript將物件轉換為數字程式碼例項JavaScript物件
- 匹配數字的正規表示式程式碼例項
- js獲取數字和字母隨機數程式碼例項JS隨機
- javascript對空格和換行進行編碼程式碼例項JavaScript
- jQuery刪除字串開始結尾空格程式碼例項jQuery字串
- javascript獲取數字的絕對值程式碼例項JavaScript
- javascript實現的數字格式化程式碼例項JavaScript