jQuery輸入掩碼不起作用

Question

我正在設立一個捐款頁面供人們向非營利組織捐款，並允許他們指定貨幣的用途。 我設置它總計了當輸入金額時給予者在每個字段中的金額。 我試圖在每個字段中添加一個輸入掩碼，但它只是讓我的JavaScript崩潰而不做任何事情。 這是我目前擁有的代碼在任何掩碼之前完美運行：

<script src="/js/jquery.js"></script>
<script type="text/javascript">
    $(document).ready( function() {
        var calcTot = function() {
            var sum = 0;
            $('.toTotal').each( function(){
                sum += Number( $(this).val() );
                });
            $('#giveTotal').val( '$' + sum.toFixed(2) );
        }

        calcTot();

        $('.toTotal').change( function(){
            calcTot();
            });
        });
</script>

'toTotal'是給所有需要加起來的輸入框的類名; 這也是需要面具的類。 'giveTotal'是總字段的id。

我嘗試過在StackOverflow和其他網站上找到的幾種變體。

完整代碼：

<html>
<head>
    <script src="/js/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready( function() {

            //This is one of the masking codes I attempted.
            $('.toTotal').mask('9.99', {reverse: true});

            //other options I have tried:
            //$('.toTotal').mask('9.99');
            //$('.toTotal').mask('0.00');
            //$('.toTotal').inputmask('9.99');
            //$('.toTotal').inputmask('mask', {'mask': '9.99'});

            var calcTot = function() {
                var sum = 0;
                $('.toTotal').each( function(){
                    sum += Number( $(this).val() );
                    });
                $('#giveTotal').val( '$' + sum.toFixed(2) );
            }
            calcTot();

            $('.toTotal').change( function(){
                calcTot();
                });

            //I have tried putting it here, too

            });
    </script>

    <title>Addition</title>
</head>
<body>
<input type="text" class="toTotal"><br />
<input type="text" class="toTotal"><br />
<input type="text" class="toTotal"><br />
<input type="text" id="giveTotal">
</body>
</html>

Answer 1

示例代碼中沒有引用屏蔽庫腳本。 您需要下載Digital Bush Masked Input Plugin Script並將其復制到您的JS文件夾中。

然后在'jquery.js'行之后添加以下腳本引用：

<script src="/js/jquery.maskedinput.min.js"></script>

jQuery輸入掩碼不起作用

問題描述

1 個解決方案

解決方案1
7 已采納 2013-07-10 16:11:58

jQuery輸入掩碼不起作用

問題描述

1 個解決方案

解決方案1 7 已采納 2013-07-10 16:11:58

解決方案1
7 已采納 2013-07-10 16:11:58