mottieキーボードでセントを入力してそこに保管するにはどうすればいいですか？

Question

私はここに夢中になります...私は16時間以上働いてこの事を成し遂げようと努力しましたが、誰かがこの悪い行為の理由をアドバイスしてくれれば助かります。

私は複数の入力を持っています私はこのような各入力にキーボードを取り付けたフォーム内のタイプ番号の：

$('.amount').keyboard({ 
    layout: 'custom', 
    customLayout : { 
     'normal' : ['1 2 3', '4 5 6', '7 8 9','{clear} 0 {bksp}','{accept}'] 
    }, 

    display : { 
     'accept' : 'Confirm:Confirm (Shift-Enter)', 
     'bksp' : 'Delete:Delete', 
     'clear': 'Clear:Clear' 
    }, 

    beforeVisible: function(e, keyboard, el) { 
     $("#"+keyboard.$keyboard[0].id).addClass("hide-me"); 
    }, 

    restrictInput: true, 
    preventPaste: true, 
    autoAccept: true, 
    usePreview: false, 
    useWheel: false, 
    repeatRate: 0, 

    // this function is so I can display cents in the input 
    // there is no decimal in the keyboard as part of the requirements 
    change: function(e, keyboard, el) { 
     if (el.value === null || el.value === "") { 
      el.value = "0.00"; 
     } 

     el.value = parseInt(el.value); 
     el.value = el.value * 0.01; 
    }, 

    // this function is so I can display cents in the inputs 
    // there is no decimal in the keyboard as part of the requirements 
    accepted: function(e, keyboard, el) { 
     if (el.value === null || el.value === "") { 
      el.value = "0.00"; 
     } 

     el.value = parseInt(el.value); 
     el.value = el.value * 0.01; 
    }, 

    caretToEnd: 'true', 
    maxLength : '20', 
    css: { 
     container: 'center-block dropdown-menu custom-keypad', 
     buttonDefault: 'btn-kb', 
     buttonHover: 'btn-primary', 
     buttonAction: 'active', 
     buttonDisabled: 'disabled' 
    } 
}); 

キーボードそれは、私が正しく私が入力すると、私の入力で小数点以下を参照してください、私は私の入力を確認するようすることができなければならないとポップアップ表示されます。私の目標は、すべてのinput.val（）を合計し、フォーム上で何らかの変更が行われるとすぐにそれらを検証することです。その機能は次のようなものです：

ここで問題が始まるところです。入力を合計すると、私の小数は消えます！ 22.22は2222になったので、私の合計は間違っていて、私の合計は常に私の残高よりも大きくなりました。

https://cdnjs.cloudflare.com/ajax/libs/virtual-keyboard/1.26.17/js/jquery.keyboard.extension-all.min.js

：

これは、CDNの私が使用しているのです..私はバイオリンを作成しようとしましたが、それは私があなたに実際の例を表示することができない結果ボックスにキーボードをポップません。

https://cdnjs.cloudflare.com/ajax/libs/virtual-keyboard/1.26.17/js/jquery.keyboard.min.js

ご注意ください！

Answer 1

私はプラグインの作成者と連絡を取り合い、私は電子メールで質問に答えてくれました。彼のソリューションは完璧に機能しました！

あなたは、主な問題は、彼が$（にそれを変更するように、$（「量」）セレクタは、」隠された重複入力を含めたということでした。..右ここ http://jsfiddle.net/Mottie/egb3a1sk/2506/

/* VIRTUAL KEYBOARD DEMO - https://github.com/Mottie/Keyboard */ 
$(function() { 

    // this function is so I can display cents in the input 
    // there is no decimal in the keyboard as part of the requirements 
    function convert(el) { 
    var value = el.value; 
    if (el.value === null || el.value === "") { 
     value = "0.00"; 
    } 
    value = parseInt(value, 10); 
    value = value * 0.01; 
    el.value = value.toFixed(2); 
    } 

    NUMBER = 100; 
    function sum() { 
    var balance = NUMBER; 
    var sum = 0; 
    $(".amount:not(:disabled)").each(function() { 
     var valTotal = Number($(this).val()); 
     if (!isNaN(valTotal)) { 
     sum += valTotal; 
     } 
    }); 
    if (sum > balance) { 
     //stuff happens 
    } 
    $('.sum').text(sum); 
    } 

    $('.amount').keyboard({ 
    layout: 'custom', 
    customLayout: { 
     'normal': ['1 2 3', '4 5 6', '7 8 9', '{clear} 0 {bksp}', '{accept}'] 
    }, 

    display: { 
     'accept': 'Confirm:Confirm (Shift-Enter)', 
     'bksp': 'Delete:Delete', 
     'clear': 'Clear:Clear' 
    }, 

    beforeVisible: function(e, keyboard, el) { 
     $("#" + keyboard.$keyboard[0].id).addClass("hide-me"); 
    }, 

    restrictInput: true, 
    preventPaste: true, 
    autoAccept: true, 
    usePreview: false, 
    useWheel: false, 
    repeatRate: 0, 

    change: function(e, keyboard, el) { 
     convert(el); 
    }, 
    accepted: function(e, keyboard, el) { 
     convert(el); 
     sum(); 
    }, 

    caretToEnd: 'true', 
    maxLength: '20', 
    css: { 
     container: 'center-block dropdown-menu custom-keypad', 
     buttonDefault: 'btn-kb', 
     buttonHover: 'btn-primary', 
     buttonAction: 'active', 
     buttonDisabled: 'disabled' 
    } 

    }); 

}); 

をフィドルを見ることができます.amount：ありません（：無効）」） そして彼はまた、フォーマットが

は完全に働いた 『受け入れ』に起こった直後の和（）操作を行った=）