Add comma separation with numpad

[nimadir]

I want to add comma separation for (Use 1000 Separation) to this library for num keyboard. How I can do this?

thanks

[Mottie]

Hi @nimadir!

Well, you have two choices:

1. Add a custom layout with a comma. In this example, I replaced the "Accept" button with a comma and made the keyboard autoAccept any values (demo).

   $(function() {
     $.keyboard.layouts.numpad = {
         'normal': [
           '= ( ) {b}',
           '{clear} / * -',
           '7 8 9 +',
           '4 5 6 {sign}',
           '1 2 3 %',
           '0 {dec} , {c}'
         ]
       }
     $('#keyboard').keyboard({
         layout: 'numpad',
         autoAccept: true,
       })
       .addTyping({
         showTyping: true,
         delay: 250
       });
   });

2. You can add a change callback that will automatically format the value with commas (demo):

   $(function() {
     $.keyboard.layouts.numpad = {
       'normal': [
         '= ( ) {b}',
         '{clear} / * -',
         '7 8 9 +',
         '4 5 6 {sign}',
         '1 2 3 %',
         '0 {dec} {a} {c}'
       ]
     };
     $('#keyboard').keyboard({
         layout: 'numpad',
         change: function(e, kb) {
           // code modified from http://stackoverflow.com/a/2901298/145346
           var diff,
             $el = kb.$preview,
             caret = $.keyboard.caret($el),
             parts = $el.val().toString().split('.'),
             len = parts[0].length;
           parts[0] = parts[0].replace(/,/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',');
           $el.val(parts.join('.'));
           // re-align caret
           diff = parts[0].length - len;
           caret.start += diff;
           caret.end += diff;
           $.keyboard.caret($el, caret);
         }
       })
       .addTyping({
         showTyping: true,
         delay: 250
       });
   });

[Mottie]

I'm guessing this issue has been resolved, so I'm going to close it. If you continue to have problems, please feel free to continue the discussion in this thread.