teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

sample

2018/08/30 01:26

投稿

yambejp
yambejp

スコア117967

answer CHANGED
@@ -3,4 +3,23 @@
3
3
  ユーザビリティは悪いと思います。
4
4
 
5
5
  普通はエクセルみたいに、入力中はカンマを表示せず
6
- blurしたときに初めて処理をいれます
6
+ blurしたときに初めて処理をいれます
7
+
8
+ # sample
9
+
10
+ ```javascript
11
+ <script>
12
+ $(function(){
13
+ $('.input-num').on('focus input',function () {
14
+ var num = $(this).val().replace(/\D/g, '');
15
+ $(this).val(num);
16
+
17
+ }).on('blur',function () {
18
+ var num = $(this).val().replace(/(\d)(?=(\d\d\d)+$)/g, '$1,');
19
+ $(this).val(num);
20
+
21
+ });
22
+ });
23
+ </script>
24
+ <input type="tel" class="input-num">
25
+ ```