jQuery

Question

के साथ एक फ़ोन नंबर को प्रारूपित करने के लिए मैं वर्तमान में 2124771000 जैसे फ़ोन नंबर प्रदर्शित कर रहा हूं। हालांकि, मुझे अधिक मानव-पठनीय रूप में प्रारूपित करने की संख्या की आवश्यकता है, उदाहरण के लिए: 212-477-1000। यहाँ मेरे वर्तमान HTML:

<p class="phone">2124771000</p> 

Answer 1

सरल: http://jsfiddle.net/Xxk3F/3/

$('.phone').text(function(i, text) { 
    return text.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3'); 
}); 

या: http://jsfiddle.net/Xxk3F/1/

$('.phone').text(function(i, text) { 
    return text.replace(/(\d\d\d)(\d\d\d)(\d\d\d\d)/, '$1-$2-$3'); 
}); 

Answer 2

var phone = '2124771000', 
    formatted = phone.substr(0, 3) + '-' + phone.substr(3, 3) + '-' + phone.substr(6,4) 

Answer 3

कुछ इस तरह की कोशिश ..

jQuery.validator.addMethod("phoneValidate", function(number, element) { 
    number = number.replace(/\s+/g, ""); 
    return this.optional(element) || number.length > 9 && 
     number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/); 
}, "Please specify a valid phone number"); 

$("#myform").validate({ 
    rules: { 
    field: { 
     required: true, 
     phoneValidate: true 
    } 
    } 
}); 

Answer 4

यह सुनिश्चित करना न भूलें कि आप पूरी तरह से पूर्णांक के साथ काम कर रहे हैं।

var separator = '-'; 
$(".phone").text(function(i, DATA) { 
    DATA 
     .replace(/[^\d]/g, '') 
     .replace(/(\d{3})(\d{3})(\d{4})/, '$1' + separator + '$2' + separator + '$3'); 
    return DATA; 
}); 

Answer 5

यहां इनमें से कुछ उत्तरों का संयोजन है। इसका उपयोग इनपुट फ़ील्ड के लिए किया जा सकता है। फोन नंबरों के साथ सौदे जो 7 और 10 अंकों लंबे होते हैं।

// Used to format phone number 
function phoneFormatter() { 
    $('.phone').on('input', function() { 
    var number = $(this).val().replace(/[^\d]/g, '') 
    if (number.length == 7) { 
     number = number.replace(/(\d{3})(\d{4})/, "$1-$2"); 
    } else if (number.length == 10) { 
     number = number.replace(/(\d{3})(\d{3})(\d{4})/, "($1) $2-$3"); 
    } 
    $(this).val(number) 
    }); 
} 

लाइव उदाहरण: JSFiddle

मैं जानता हूँ कि यह सीधे सवाल का जवाब नहीं है, लेकिन जब मैं जवाब ऊपर देख रहा था यह पहली पृष्ठों मैंने पाया से एक था। तो यह जवाब किसी के लिए खोज रहा था जो मैं खोज रहा था।

Answer 6

मैं तुम्हें के रूप में यूएस के फ़ोन नंबर फ़ॉर्मेट करने के लिए के लिए jsfiddle लिंक प्रदान की है (XXX) XXX-XXX

$('.class-name').on('keypress', function(e) { 
    var key = e.charCode || e.keyCode || 0; 
    var phone = $(this); 
    if (phone.val().length === 0) { 
    phone.val(phone.val() + '('); 
    } 
    // Auto-format- do not expose the mask as the user begins to type 
    if (key !== 8 && key !== 9) { 
    if (phone.val().length === 4) { 
     phone.val(phone.val() + ')'); 
    } 
    if (phone.val().length === 5) { 
     phone.val(phone.val() + ' '); 
    } 
    if (phone.val().length === 9) { 
     phone.val(phone.val() + '-'); 
    } 
    if (phone.val().length >= 14) { 
     phone.val(phone.val().slice(0, 13)); 
    } 
    } 

    // Allow numeric (and tab, backspace, delete) keys only 
    return (key == 8 || 
    key == 9 || 
    key == 46 || 
    (key >= 48 && key <= 57) || 
    (key >= 96 && key <= 105)); 
}) 

.on('focus', function() { 
    phone = $(this); 

    if (phone.val().length === 0) { 
    phone.val('('); 
    } else { 
    var val = phone.val(); 
    phone.val('').val(val); // Ensure cursor remains at the end 
    } 
}) 

.on('blur', function() { 
    $phone = $(this); 

    if ($phone.val() === '(') { 
    $phone.val(''); 
    } 
}); 

लाइव उदाहरण: JSFiddle

Answer 7

फोन नंबर को संभालने के लिए एक पुस्तकालय का उपयोग करें। Google द्वारा Libphonenumber आपकी सबसे अच्छी शर्त है।

// Require `PhoneNumberFormat`. 
var PNF = require('google-libphonenumber').PhoneNumberFormat; 

// Get an instance of `PhoneNumberUtil`. 
var phoneUtil = require('google-libphonenumber').PhoneNumberUtil.getInstance(); 

// Parse number with country code. 
var phoneNumber = phoneUtil.parse('202-456-1414', 'US'); 

// Print number in the international format. 
console.log(phoneUtil.format(phoneNumber, PNF.INTERNATIONAL)); 
// => +1 202-456-1414 

मैं seegno द्वारा इस package उपयोग करने के लिए सलाह देते हैं।

Answer 8

इस में मदद मिलेगी

var countryCode = +91; 
var phone=1234567890; 
phone=phone.split('').reverse().join('');//0987654321 
var formatPhone=phone.substring(0,4)+'-';//0987- 
phone=phone.replace(phone.substring(0,4),'');//654321 
while(phone.length>0){ 
formatPhone=formatPhone+phone.substring(0,3)+'-'; 
phone=phone.replace(phone.substring(0,3),''); 
} 
formatPhone=countryCode+formatPhone.split('').reverse().join(''); 

आप मिल जाएगा + 91-123-456-7890

Answer 9

पर विचार हो सकता है libphonenumber-js (https://github.com/halt-hammerzeit/libphonenumber-js) पूर्ण और प्रसिद्ध libphonenumber का एक छोटा संस्करण है।

त्वरित और गंदे उदाहरण:

$(".phone-format").keyup(function() { 
// Don't reformat backspace/delete so correcting mistakes is easier 
if (event.keyCode != 46 && event.keyCode != 8) { 
    var val_old = $(this).val(); 
    var newString = new libphonenumber.asYouType('US').input(val_old); 
    $(this).focus().val('').val(newString); 
} 
}); 

(आप एक regex का उपयोग एक पुस्तकालय डाउनलोड से बचने के लिए, बैकस्पेस पर पुनः स्वरूपित से बचने/यह आसान लिखने की त्रुटियों को सही करने के कर देगा को नष्ट करते हैं।)