जावास्क्रिप्ट - पेस्ट

Question

पर निकाला जा रहा है रिक्त स्थान मैं 10 की एक maxlength क्षेत्र ऑस्ट्रेलियाई फ़ोन नंबर (10 अंक) के लिए है के साथ एक इनपुट पाठ क्षेत्र की है। फ़ोन नंबरों में आम तौर पर निम्न सिंटैक्स

12 12345678 

में विभाजित कर रहे हैं किसी प्रतियां ऊपर और चिपकाता है कि मेरे इनपुट क्षेत्र में, यह स्पष्ट रूप से पिछले अंक बाहर छोड़ देता है और अंतरिक्ष रहता है।

वहाँ ठीक पहले इसे इनपुट बॉक्स में चिपकाया जाता है किसी भी रिक्त स्थान को हटाने के लिए कोई तरीका है? या फिर एक और काम है?

अग्रिम धन्यवाद।

Answer 1

यह आप के लिए काम करना चाहिए:

एचटीएमएल

<input type="text" id="phone" maxlength="10" />​ 

जावास्क्रिप्ट

var phone = document.getElementById('phone'), 
    cleanPhoneNumber; 

cleanPhoneNumber= function(e) { 
    e.preventDefault(); 
    var pastedText = ''; 
    if (window.clipboardData && window.clipboardData.getData) { // IE 
     pastedText = window.clipboardData.getData('Text'); 
     } else if (e.clipboardData && e.clipboardData.getData) { 
     pastedText = e.clipboardData.getData('text/plain'); 
     } 
    this.value = pastedText.replace(/\D/g, ''); 
}; 

phone.onpaste = cleanPhoneNumber; 

फिडल: http://jsfiddle.net/y6TYp/6/

अद्यतन nnnnnn, ऑस्ट्रेलिया के फोन नंबरों के बारे में एक महान बिंदु था regex की जगह को अद्यतन करने।

Answer 2

इस समारोह आप यह कर मदद मिलेगी:

function removeSpaces(string) { 
return string.split(' ').join(''); 
} 

वैकल्पिक रूप से, jQuery का उपयोग कर, आप विधि यहाँ वर्णित का उपयोग कर सकते हैं: Delete white spaces in textbox when copy pasted with jquery

Answer 3

निकट कार्य आप वर्णित आप तो मैं क्या करना होगा निम्नलिखित सुनिश्चित करें कि आपके कोड के साथ या जावास्क्रिप्ट के बिना विभिन्न ब्राउज़रों में काम करता है बनाना चाहते:

1. 11 के लिए maxlength सेट करें - maxlength एक HTML विशेषता है और आपको यह सुनिश्चित करने की ज़रूरत है कि जावास्क्रिप्ट के साथ या उसके बिना उपयोगकर्ता द्वारा दर्ज डेटा खो नहीं जाता है। यदि उपयोगकर्ता 11 अंकों में प्रवेश करता है और कोई जावास्क्रिप्ट नहीं है - तो आपको डेटा को कैप्चर करने और उसे सर्वर की ओर से साफ़ करने की आवश्यकता होगी। खैर, सर्वर साइड सत्यापन अनिवार्य है।

2. तो जावास्क्रिप्ट है मैं jQuery समारोह का उपयोग maxlength स्थापित करने और यह सुनिश्चित करें कि रिक्त स्थान निकाल दिए जाते हैं करने के लिए होगा, इसलिए कहते हैं कि तुम आईडी = 'शीर्षक' के साथ एक क्षेत्र है: दस्तावेज़ तैयार आप निम्नलिखित कोड लिखने पर: ।।

   $ ('इनपुट # शीर्षक') attr ('maxLength', '10') कुंजी दबाने (limitMe);

   function limitMe(e) { 
       if (e.keyCode == 32) { return true; } 
       return this.value.length < $(this).attr("maxLength"); 
   } 
   

जाहिर है अगर आप सिर्फ एक ही वर्ग विशेषता के साथ इनपुट फ़ील्ड सभी को सजाने और उसके बाद तो जैसे सभी क्षेत्रों में इसे लागू कई क्षेत्रों है:

$('input.limited').attr('maxLength','10').keypress(limitMe);