Cách định dạng số điện thoại với jQuery

Question

Tôi hiện đang hiển thị số điện thoại như 2124771000. Tuy nhiên, tôi cần số được định dạng ở dạng có thể đọc được nhiều người hơn, ví dụ: 212-477-1000. Dưới đây là của tôi hiện tại HTML:

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

Answer 1

đơn giản: http://jsfiddle.net/Xxk3F/3/

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

Hoặc: 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

thử một cái gì đó như thế này ..

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

Đừng quên đảm bảo bạn đang làm việc với các số nguyên thuần túy.

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

Đây là sự kết hợp của một số câu trả lời này. Điều này có thể được sử dụng cho các lĩnh vực đầu vào. Ưu đãi với số điện thoại dài 7 và 10 chữ số.

// 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) 
    }); 
} 

Sống dụ: JSFiddle

Tôi biết điều này không trực tiếp trả lời các câu hỏi, nhưng khi tôi đã tìm ra câu trả lời này là một trong những trang đầu tiên tôi được tìm thấy. Vì vậy, câu trả lời này là dành cho bất cứ ai tìm kiếm một cái gì đó tương tự như những gì tôi đang tìm kiếm.

Answer 6

tôi đã cung cấp liên kết jsfiddle để bạn có thể định dạng số điện thoại Mỹ như (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(''); 
    } 
}); 

Sống dụ: JSFiddle

Answer 7

Sử dụng một thư viện để xử lý số điện thoại. Libphonenumber bởi Google là đặt cược tốt nhất của bạn.

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

Tôi khuyên bạn nên sử dụng điều này package bởi seegno.

Answer 8

có thể điều này sẽ giúp

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(''); 

bạn sẽ nhận được + 91-123-456-7890

Answer 9

Cân nhắc libphonenumber-js (https://github.com/halt-hammerzeit/libphonenumber-js) mà là một phiên bản nhỏ hơn của libphonenumber đầy đủ và nổi tiếng.

nhanh và ví dụ bẩn:

$(".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); 
} 
}); 

(Nếu bạn sử dụng một regex để tránh tải về thư viện, tránh định dạng lại trên BackSpace/xóa sẽ làm cho nó dễ dàng hơn để sửa lỗi chính tả.)