2013-07-10 11 views
6

मैं लोगों के लिए गैर-लाभकारी धन देने के लिए एक दान पृष्ठ स्थापित करने की कोशिश कर रहा हूं और उन्हें पैसे के उपयोग निर्दिष्ट करने की अनुमति देता हूं। मैंने यह स्थापित किया है कि यह प्रत्येक फ़ील्ड में मात्रा में प्रवेश करने के बाद दाता को जोड़ता है। मैं प्रत्येक फ़ील्ड में इनपुट मास्क जोड़ने की कोशिश कर रहा हूं, लेकिन यह सिर्फ मेरी जावास्क्रिप्ट क्रैश कर रहा है और कुछ भी नहीं कर रहा है।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' कुल क्षेत्र की आईडी है।

मैंने स्टैक ओवरफ्लो और अन्य साइटों पर कई बदलावों की कोशिश की है।

पूर्ण कोड:

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

आपको लगता है कि त्रुटि पैदा मुखौटा कोड दे सकते हैं? –

+0

जैसा कि मैंने कहा था कि मैंने कई किस्मों की कोशिश की है। जिसकी मुझे उम्मीद थी वह काम करेगा '$ (' to tootal ')। मास्क (' 000,000.00 ', {रिवर्स: सच}); '। मैंने उन भिन्नताओं को भी आजमाया जो मैंने पाया।'inputmask' का उपयोग किया गया था, बिना {{रिवर्स: सत्य} 'के साथ और 0s के बजाय 9। मुझे नहीं पता कि प्लेसमेंट शायद एक मुद्दा भी हो सकता है या नहीं। मेरा पहला विकल्प 'var calcTot = function() {'से पहले इस कोड को लाइन पर रखना था। मैंने इसे तैयार समारोह के अंत में और इसके बीच में भी कोशिश की। – Andrew

+0

क्या आप इस प्रश्न में एक पूर्ण कोड नमूना प्रदान कर सकते हैं क्योंकि किसी विशिष्ट समस्या को देखने के बिना उत्तर देना संभव नहीं है। एकमात्र समाधान मैं इसे देखे बिना सोच सकता हूं कि मास्क प्लगइन स्क्रिप्ट शामिल नहीं किए जा रहे थे। –

उत्तर

7

कोई मास्किंग पुस्तकालय नमूना कोड में संदर्भित स्क्रिप्ट नहीं है। आपको Digital Bush Masked Input Plugin Script डाउनलोड करने और इसे अपने जेएस फ़ोल्डर में कॉपी करने की आवश्यकता है।

फिर 'jquery.js' पंक्ति के बाद निम्न स्क्रिप्ट संदर्भ जोड़ें:

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

धन्यवाद !! मुझे पता था कि यह कुछ अविश्वसनीय रूप से छोटा होना था कि मैं लापता था। – Andrew

संबंधित मुद्दे