jQuery输入掩码不工作

问题描述：

我正在尝试设置一个捐赠页面，让人们可以将钱捐给非盈利组织，并允许他们指定钱的用途。我已经确定了它在总额中给出了投入者在每个领域投入的金额。我试图在每个字段中添加一个输入掩码，但它只是让我的JavaScript崩溃而没有做任何事情。这是我目前拥有的代码，任何掩盖之前完美的作品：jQuery输入掩码不工作

<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>

你可以提供导致错误的屏蔽码？ –

正如我所说我尝试了很多品种。我希望能够工作的是'$（'。toTotal'）。mask（'000,000.00'，{reverse：true}）;'。我也尝试过使用'.inputmask'，有和没有'{reverse：true}'，9s而不是0s的变体。我不知道安置是否也是一个问题。我的第一个选择是将这个代码放在'var calcTot = function（）{'之前的行上。我也在ready函数结束时尝试了它，并在它的中间尝试了它。 – Andrew

你能否提供一个完整的代码示例，因为如果没有看到具体问题就无法回答。我能想到的唯一解决方案是没有看到这个插件脚本没有包含在内。 –

答

有示例代码引用毫无遮拦库脚本。您需要下载Digital Bush Masked Input Plugin Script并将其复制到您的JS文件夹中。

然后加入后“的jquery.js”行下面的脚本参考：

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

谢谢！我知道它必须是令我难以置信的小事。 – Andrew

jQuery输入掩码不工作

相关推荐