나는 현재와 같은 전화 번호를 표시하고 2124771000
있습니다. 그러나 번호를보다 사람이 읽을 수있는 형식으로 지정해야합니다 (예 : 212-477-1000
. 내 현재는 다음과 같습니다 HTML
.
<p class="phone">2124771000</p>
답변
단순 : 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');
});
참고 : .text () 메서드는 입력 요소에 사용할 수 없습니다. 입력 필드 텍스트의 경우 .val () 메서드를 사용합니다.
답변
var phone = '2124771000',
formatted = phone.substr(0, 3) + '-' + phone.substr(3, 3) + '-' + phone.substr(6,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;
});
답변
다음은 이러한 답변 중 일부의 조합입니다. 입력 필드에 사용할 수 있습니다. 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
나는 이것이 질문에 직접 답하지 않는다는 것을 알고 있지만, 답을 찾을 때 이것은 내가 찾은 첫 페이지 중 하나였습니다. 그래서이 대답은 내가 찾던 것과 비슷한 것을 찾는 사람을위한 것입니다.
답변
도서관을 이용하여 전화 번호를 처리하십시오. 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 의이 패키지 를 사용하는 것이 좋습니다 .
답변
미국 전화 번호 형식을 (XXX) XXX-XXX로 지정할 수 있도록 jsfiddle 링크를 제공했습니다.
$('.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
답변
이렇게 해봐 ..
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
}
}
});