JavaScript의 전화 번호로 작업

사용자로부터 데이터를 수집 할 때 두 가지 주요 과제가 있습니다. 해당 정보를 수집하고 검증합니다. 예를 들어, 누군가의 나이는 실제로 수집하고 검증하기가 더 간단 할 수 없었습니다. 이름은 소리만큼 간단하지는 않지만, 최첨단 사례 및 국제적 변형 (예 : 후원자, 단독 또는 하이픈 성이있는 사람들만으로도 너무 잘못 될 수는 없습니다) (많은 응용 프로그램과 응용 프로그램과 많은 응용 프로그램과 서비스는!). 이메일 주소는 이론적으로 검증하기가 매우 쉽지만 고유 한 도전이 있습니다. 그럼에도 불구하고 야생에는 옳지 않은 정기적 인 표현이 많이 있습니다.

. 그리고 전화 번호가 있습니다. 이것들은 어렵다. 정말 어렵습니다. 이 기사에서는 전화 번호 수집, 검증 및 표시와 관련된 몇 가지 과제에 대해 논의 할 것입니다. 키 테이크 아웃

전화 번호는 다양한 형식과 전 세계적으로 번호 시스템의 동적 특성으로 인해 프로그래밍에서 처리하기가 복잡합니다. 정규 표현은 종종 복잡성과 변동성으로 인해 국제 전화 번호를 검증하기에 충분하지 않습니다. E.164 표준은 전 세계 전화 번호를 모호하게 표현하는 데 중요하며 스토리지 및 시스템 사용을위한 일관된 형식을 제공합니다. Google의 LibphoneNumber 라이브러리는 전화 번호를 구문 분석, 검증 및 포맷하는 데 강력한 도구이며 JavaScript 및 Node.js 환경 모두에서 사용할 수 있습니다. intl-tel-input jquery 플러그인은 국제 전화 입력 필드를 효과적으로 처리하기 위해 libphoneNumber와 통합하여 사용자 경험을 향상시킵니다. 전화 번호를 수집 할 때는 항상 법적 및 유용성 문제를 고려하고 지역 규정 준수를 보장하고 사용자 신뢰와 편안함을 유지합니다.

전화 번호가 다른 이유

아마도 전화 번호가 다음과 같은 꽤 엄격한 형식을 따르는 경향이 있기 때문에 다음과 같은 생각을합니다.

… 간단한 정규 표현식을 구성하는 것은 간단해야합니다. 사실, 여기에 하나가 있습니다 :

• 글쎄, 바로 거기서 멈춰라. 우선 위의 숫자의 변형은 다음과 같습니다. 모두 완벽하게 유효합니다.
• 따라서, 우리는 정규 표현 시설이 우리가 처음 생각했던 것만 큼 단순하지 않다는 것을 알고 있습니다. 그러나 그것은 절반에 불과합니다. 이 예제는 미국 기반 숫자에 대한 것입니다. 물론, 당신이 수집하는 숫자가 특정 국가에 대한 것이라는 것을 알고 있다면, 당신은 정규 표현식을 사용할 수있을 것입니다. 그렇지 않으면이 접근법이 절단되지 않습니다.
전화 번호와 관련된 다른 문제들과 그들이 우리의 직업을 더욱 어렵게 만드는 이유를 살펴 보겠습니다.

• 숫자가 변경

  모든 종류의 외부 요인은 전화 번호에 영향을 줄 수 있습니다. 새로운 국가 접두사를 소개하면서 온 국가가왔다 갔다. 새로운 분류 숫자는 프리미엄 속도, 로컬 비율, 통행료 등의 새로운 번호 시스템을 소개합니다. 운송 업체가 슬프게도 프리미엄 속도와 같은 한 세트의 숫자가 부족하면 단순히 새로운 접두사를 소개합니다. 일부 변화는 엄청난 영향을 미칩니다. 예를 들어, 몇 년 전 영국에서는 전체 지역 번호 시스템이 급격한 변화를 겪었으며, 거의 모든 지역 코드가 추가 "1"을 삽입했습니다. 그럼에도 불구하고 수도는 미묘하게 다른 시스템을 가졌습니다. 변화를 반영하기 위해 전국에서 간판이 바뀌기 전 10 년이었을 것입니다.

  물론 는 모바일에서 엄청나게 전례없는 성장이있었습니다. 더 이상 필요한 전화 번호는 가구 수에 크게 제한되지 않았지만 여러 번 이상. 이용 가능한 숫자 풀에 대한 지속적인 긴장은 추가 변화의 가능성을 증가시킬 수 있습니다.

  국제 다이얼링 코드 숫자의 국제 다이얼링 코드를 캡처하는 것이 종종 중요합니다. 경우에 따라 상황은 필요하지 않다는 것을 의미 할 수 있습니다. 예를 들어 단일 국가에서 운영되고 휴먼 운영자가 전화 번호를 사용하도록 캡처되면 필요하지 않을 수 있습니다. 그러나 SMS 메시지 전송과 같은 원격으로 자동화 된 것은 또는 효과적으로 검증하려면 국가 접두사를 캡처해야합니다. 국가 도서관에는 국제 다이얼링 코드가 포함 된 많은 지리적 정보가 포함되어 있습니다. 다음은 국가에서 발췌 한 내용입니다
  당신이 볼 수 있듯이, 이것은 오스트리아가 국제 다이얼링 코드 43을 사용한다는 것을 보여줍니다. 그렇다면이 정보를 어떻게 사용할 수 있습니까? 글쎄, Lodash의 마법 (또는 밑줄)을 사용하면 코드 관련 정보를 쿼리 할 수있는 몇 가지 방법이 있습니다. 예를 들어 주어진 다이얼링 코드가 유효한지 확인하려면 다음과 같습니다.
  물론이 작업을 수행하는보다 효과적인 방법이 있습니다. 따라서이 예와 다음 예제가 반드시 생산에 최적화되지는 않습니다. 우리는 특정 다이얼링 코드를 사용하는 국가를 찾을 수 있습니다.
  마지막으로, 우리는 주어진 국가에 대한 다이얼 코드를 얻을 수 있습니다 :
  기사와 함께 제공되는 저장소에서 이러한 기능이 단위 테스트와 함께 모듈로 포장되어 있습니다. 그러나 국제 다이얼링 코드조차도 생각만큼 간단하지 않습니다. 형식은 - 1, 43, 962 1868은 모두 유효한 코드입니다. 반드시 일대일 매핑은 아닙니다. 예를 들어, 영국뿐만 아니라 아일 오브 맨, 건지와 저지에 사용됩니다. 숫자는 다이얼중인 위치에 따라 변경되어야합니다. 해외에서 영국 번호를 호출하려면 다이얼링 코드 44를 사용하여 주요 0과 접두사를 삭제해야합니다.
  당신은 또한 ""를 이중 0으로 바꿀 수 있습니다 :

  <br>
  202-456-1111<br>

  물건을 더욱 복잡하게하기 위해 에서 전화를 걸고있는 국가에 따라 국가 외부에서 전화 할 때 일부 숫자는 다릅니다. 예를 들어 미국에서는 숫자가 미국 출구 코드 011과 접두사를 접두사해야하므로 위의 예는 다음과 같습니다.

  고맙게도, 우리가 사용할 수있는 형식이 있습니다.이 변형을 해결할 수 있습니다.

  e.164 <br> ^(\([0-9]{3}\)|[0-9]{3}-)[0-9]{3}-[0-9]{4}$<br> 운 좋게도 개발자에게는 전 세계 어디에서나 E.164라는 전화 번호에 대한 명백하고 국제적으로 인정 된 표준이 있습니다. 형식은 다음과 같이 분해됩니다

  전화 번호는 최대 15 자리 를 가질 수 있습니다. 전화 번호의 첫 번째 부분은 국가 코드

  입니다. 두 번째 부분은 NDC (National Destination Code)입니다 마지막 부분은 가입자 번호 (sn) 입니다 NDC와 SN이 함께 통합적으로 전국 (유의미한) 번호 라고 불립니다.

  <br>
  202 456 1111<br>
  (202) 456 1111<br>
  2024561111<br>
  1-202-456-1111<br>
  1-202-456-1111 x1234<br>
  1-202-456-1111 ext1234<br>
  1 (202) 456-1111<br>
  1.202.456.1111<br>
  1/202/456/1111<br>
  12024561111<br>
  +1 202 456 1111<br>

  ( 소스

  ) 다음은 E.164 형식으로 이전의 숫자입니다 : 우리는 예를 들어 런던 기반 영국 번호에 대해 동일한 형식을 사용할 수 있습니다 :

  우리는 E.164 형식을 사용하여 유효한 전화 번호를 나타낼 수 있습니다. 우리는 그것이 어떤 국가를 지칭하는지 알고 있으며, 그것은 무겁기 때문에 저장에 이상적인 선택입니다. 나중에 볼 수 있듯이 SMS 제공 업체와 같은 전화기 기반 서비스에 일반적으로 사용됩니다.

  물론 캐치가 있습니다. E.164 표준은 저장에 좋지만 두 가지에는 끔찍할 수 있습니다. 첫째, 사실상 아무도 그 형식으로 자신의 번호를 입력하거나 읽지 않습니다. 둘째, 가독성 측면에서 희망이 없습니다. 나중에 LibphoneNumber를 볼 때 인간을위한 숫자를 형식화하는 방법이 있음을 알 수 있습니다. 전화 번호 수집 <br> {<br> "name": {<br> "common": "Austria",<br> "official": "Republic of Austria",<br> // ... //<br> },<br> // ... //<br> "callingCode": ["43"],<br> // ... //<br> },<br> 먼저 전화 번호 수집 문제를 살펴 보겠습니다.

  html5 및 "tel"입력 html5는 새로운 "전화"입력 유형을 도입했습니다. 그러나 형식의 변형에 관한 문제로 인해 실제로 사용자가 입력 할 수있는 내용에 대한 제한 사항도 제한되지 않으며 이메일 요소와 같은 방식으로 유효성 검사를 수행하지 않습니다. 그럼에도 불구하고 몇 가지 장점이 있습니다. 모바일 사이트에서 사용하면 기존의 키보드 레이아웃이 아닌 사용자의 전화 키패드가 일반적으로 표시됩니다. 단일 요소를 사용하여 숫자를 수집 할 수 있습니다.

  또는 숫자를 별도의 요소로 분해 할 수 있습니다.

  <br>
  202-456-1111<br>

  브라우저 지원은 꽤 좋습니다 (예 : Chrome 6, Firefox 4, Safari 5, IE 10). 그러나 오래된 브라우저에서도 단순히 평범한 오래된 텍스트 필드로 돌아갑니다. 정규 표현식이 충분하다고 결정해야한다.
  마스크 입력 마스크 입력은 사용자 입력을 제한하거나 예상 형식에 대한 힌트를 제공하는 일반적인 기술입니다. 그러나 다시 말하지만, 숫자가 항상 특정 국가에 대한 숫자가 될 것이라고 확신 할 수 없다면 국제적 변형을 충족시키는 것은 매우 어렵습니다. 그러나 가정을하여 사용자를 괴롭히는 것은 비 유스 사용자에게 상태와 지퍼 코드를 제공하도록 요청합니다. 예를 들어 사람들이 특정 국가의 형식으로 숫자를 제공하도록 강요함으로써 양식을 완전히 사용할 수없는 양식을 만드는 것은 또 다른 일입니다. 그럼에도 불구하고, 특정 숫자가 특정 범위 내에 있다는 것을 알고 있다면 효과적 일 수 있습니다. 다음은 미국 전화 번호에 대한 마스크 입력의 예입니다.

  더 나은 방법

  우수한 jQuery 플러그인의 형태로 전화 번호를 수집하는 더 좋고 유연한 방법이 있습니다. 아래에 묘사되어 있습니다.

  <br>
  ^(\([0-9]{3}\)|[0-9]{3}-)[0-9]{3}-[0-9]{4}$<br>

  당신은 여기에서 라이브 데모와 함께 연주 할 수 있습니다.

  사용법은 간단합니다 - jQuery, 라이브러리 및 CSS 파일을 포함시키고 CSS에서 플래그 스프라이트를 사용할 수 있고 제대로 참조해야합니다. Build/IMG/Flags.png에서 찾을 수 있습니다. . 다음, 요소를 만듭니다 :

  마지막으로, 다음과 같이 인터넷 화하십시오

  구성 옵션의 전체 목록은 문서를 참조하십시오. 나중에 UtilsScript 옵션을 살펴 보지만 먼저 다른 유용한 라이브러리를 탐구해야합니다.

  . LibphoneNumber 소개 운 좋게도, 많은 검증과 형식의 고민에 대한 해결책이 있습니다. 원래 Android 운영 체제 용으로 개발 된 Google의 LibphoneMber Library는 전화 번호로 작업하기위한 모든 종류의 방법과 유틸리티를 제공합니다. 더 나은 것은 Java에서 JavaScript로 포팅되었으므로 Web 또는 Node.js 응용 프로그램에서 사용할 수 있습니다. 설치 당신은 프로젝트 홈페이지에서 라이브러리를 다운로드 할 수 있습니다 - 예상대로 - Google 코드. 당신은 또한 npm을 통해 얻을 수 있습니다. 프로젝트 페이지는 다음과 같습니다.
  Bower를 사용하여 설치할 수도 있습니다

  프론트 엔드 프로젝트에서 사용하려는 경우 경고를 받으십시오. 그러나 소형화되고 압축 되더라도 200kb 이상으로 들어옵니다.

  . 구문 분석 번호

  라이브러리의 주요 기능을 보여주기 위해 Node.js 응용 프로그램을 작성한다고 가정하겠습니다. 이 기사를 보완하는 저장소에서 몇 가지 예제 코드를 찾을 수 있습니다.

  먼저, import phoneutil :
  이제 Parse () 메소드를 사용하여 전화 번호를 해석 할 수 있습니다.
  우리가 이것으로 할 수있는 일이 많이 있습니다. 먼저 라이브러리에서 일부 상수를 가져 오겠습니다. 요구 선언을 다음으로 변경하십시오
  이제 우리는 다음을 수행 할 수 있습니다

  <br>
  202-456-1111<br>

  이것의 출력은 다음과 같습니다

  이제 국제 다이얼링 코드없이 숫자를 구문 분석 해보십시오 :

  <br>
  ^(\([0-9]{3}\)|[0-9]{3}-)[0-9]{3}-[0-9]{4}$<br>

  이것은 다음과 같은 예외를 던질 것입니다 :
  이것은 그 숫자가 무엇인지 명시 적으로 말하지 않고 해석하기가 불가능하기 때문입니다. Parse () 메소드는 ISO 3166-1 Alpha-2 (즉, 두 문자) 국가 코드 인 선택적 두 번째 매개 변수를 취합니다. 라인을 다시 시도하지만 이번에는“우리”를 두 번째 인수로 전달하면 결과가 이전과 같은 것임을 알게 될 것입니다.
  당신은 또한 형식으로 놀 수 있습니다. 이 모든 것도 효과가있을 것입니다 :

  <br>
  202 456 1111<br>
  (202) 456 1111<br>
  2024561111<br>
  1-202-456-1111<br>
  1-202-456-1111 x1234<br>
  1-202-456-1111 ext1234<br>
  1 (202) 456-1111<br>
  1.202.456.1111<br>
  1/202/456/1111<br>
  12024561111<br>
  +1 202 456 1111<br>

  영국 번호를 해석하려면 :
  이것은 다음을 출력합니다 :

  <br>
  {<br>
  "name": {<br>
  "common": "Austria",<br>
  "official": "Republic of Austria",<br>
  // ... //<br>
  },<br>
  // ... //<br>
  "callingCode": ["43"],<br>
  // ... //<br>
  },<br>

  숫자를 구문 분석 한 후에는 다음 섹션에서 볼 수 있듯이 숫자를 검증 할 수 있습니다. 숫자를 확인

  검증은 유사한 패턴을 따릅니다. 다시 말하지만, 두 번째 선택적 주장이 있지만, 국가가 암시 적으로 언급되지 않으면 필요한 논쟁이 있습니다.

  여기에 국가 코드가 두 번째 인수로 제공되거나 첫 번째 인수 안에 포함 된 유효한 숫자의 일부 예는 다음과 같습니다.

  <span>var _ = require('lodash')
  </span><span>, data = require('world-countries')
  </span>module<span>.exports = {
  </span><span>/**
  </span><span>* Determines whether a given international dialing code is valid
  </span><span>*
  </span><span>* <span>@param string code
  </span></span><span>* <span>@return bool
  </span></span><span>*/
  </span><span>isValid : function(code) {
  </span><span>var codes = _.flatten(_.pluck(data, 'callingCode'));
  </span><span>return _.contains(codes, code);
  </span><span>}
  </span><span>// ...
  </span><span>}</span>

  국가 코드를 공급하지 않거나 암시되지 않은 경우 이전과 동일한 오류가 발생합니다.
  다음은 검증이 실패하는 몇 가지 예가 있습니다
  그러나 유효하지 않은 숫자가 예외를 던질 수 있으므로 경고해야합니다.

  <span>/**
  </span><span>* Gets a list of countries with the specified dialing code
  </span><span>*
  </span><span>* <span>@param string code
  </span></span><span>* <span>@return array An array of two-character country codes
  </span></span><span>*/
  </span><span>getCountries : function(code) {
  </span><span>var countryEntries = _.filter(data, function(country){
  </span><span>return (_.contains(country.callingCode, code));
  </span><span>})
  </span><span>return _.pluck(countryEntries, 'cca2');
  </span><span>}</span>

  숫자 유형 결정 때때로 전화 번호의 유형

  를 아는 것이 유용합니다. 예를 들어, 휴대 전화 번호가 제공되었는지 확인할 수 있습니다. 예를 들어 SMS 메시지를 보내서 2 단계 인증을 구현하거나 프리미엄 요금 번호를 제거하려고 시도 할 수도 있습니다. 라이브러리의 getNumberType () 함수는 바로 그 일을합니다. 봅시다.

  함수는 구문 분석 전화 번호를 인수로 간주합니다.

  <span>/**
  </span><span>* Gets the dialing codes for a given country
  </span><span>*
  </span><span>* <span>@param string country The two-character country code
  </span></span><span>* <span>@return array An array of strings representing the dialing codes
  </span></span><span>*/
  </span><span>getCodes : function(country) {
  </span><span>// Get the country entry
  </span><span>var countryData = _.find(data, function(entry) {
  </span><span>return (entry.cca2 == country);
  </span><span>});
  </span><span>// Return the code(s)
  </span><span>return countryData.callingCode;
  </span><span>}</span>

  리턴 값은 PhoneNumberType 하위 모듈에 정의 된 상수입니다. PNF로 이것을 필요로한다는 것을 기억합니다.예를 들어, 해당 번호가 모바일인지 고정 된 라인인지를 쿼리하겠습니다.
  주제의 주제 인 것 같습니다. 당연히 캐치가 있습니다. 때로는 LibphoneMber 라이브러리조차도 확신 할 수 없습니다. 예를 들어 미국 숫자는 쉽게 구별 할 수 없습니다. 따라서 상수 pnt.fixed_line_or_mobile.

  우리는이 불확실성을 반영하기 위해 예제 코드를 변경해야합니다.

  <br>
  202-456-1111<br>

  다른 여러 가능성도 있습니다. 현재 전체 목록은 다음과 같습니다.
  pnt.fixed_line

  pnt.mobile pnt.fixed_line_or_mobile

  pnt.toll_free pnt.premium_rate pnt.shared_cost pnt.voip

  pnt.personal_number

  pnt.pager pnt.uan

  <br>
  ^(\([0-9]{3}\)|[0-9]{3}-)[0-9]{3}-[0-9]{4}$<br>

  PNT.UNKNOWN

  보시다시피, pnt.unknown은 우리가 확실하게 정보를 반드시 수집 할 수는 없다는 사실을 반영합니다. 요약하면,이 기능은 빠른 초기 점검으로 유용 할 수 있지만, 우리는이 기능을 의존 할 수 없습니다.
  • . 는 서비스의 숫자입니까? 검증 할 수있는 많은 전화 번호가 있지만 사용 중이 아닙니다. 그것들은 단절되었거나 아직 할당되지 않았거나 SIM 카드가 화장실에 떨어 졌을 수도 있습니다.
  . 숫자가 유효 할뿐만 아니라 활성화되어 있는지 확인 해야하는 경우 많은 옵션이 열려 있습니다. 한 가지 방법은 사용자가 이메일 주소를 확인하는 것과 거의 같은 방식으로 사용자의 번호를 확인하는 것입니다. Twilio와 같은 서비스를 사용하여 SMS를 보내거나 전화를 걸 수 있습니다. Twilio를 사용하여 SMS가 확인 코드를 생성하고 보내기위한 매우 간단한 코드 스 니펫이 있습니다.
  그런 다음 사용자에게 웹 앱의 양식에 코드를 입력하여 확인하여 확인하는 것은 사소한 운동입니다. 바이트 플랜트에서 나온 것과 같이 숫자가 실시간으로 서비스 중인지 확인하는 (유료) 서비스도 있습니다.
  • 기타 문제
  법률 개인 정보와 마찬가지로 많은 법적 문제가 있습니다. 예를 들어, 영국에서 TPS (Telephone Preference Service)는 마케팅 커뮤니케이션을 받기를 원하지 않는 사람들이 명시 적으로 등록한 전국 전화 번호 등록부입니다. 이 레지스터에 대해 숫자를 확인하기 위해 API를 제공하는 유료 서비스가 있습니다. 유용성 고려 사항 단일 양식으로 최대 3 개의 다른 전화 번호를 요청하는 것이 매우 일반적입니다. 예를 들어 주간, 저녁 및 모바일 인터넷을 통해 전화 번호를 요청하는 것이 다소 방해가 될 수 있다는 것을 기억할 가치가 있습니다. 누군가가 필요한 분야로 만들었음에도 불구하고 그 정보를 제공하지 않으려면 아마도 두 가지 중 하나를 수행 할 것입니다.
  검증을“바보”하려고 시도합니다. 접근 방식에 따라 "ex directory"와 같은 것을 입력하거나 숫자 만 포함 된 숫자와 같은 유효하지 않은 숫자를 입력 할 수 있습니다. 걸어 가십시오.
  • jQuery 플러그인을 libphoneNumber 를 결합합니다 jQuery 플러그인에는 UtilsScript라고 불리는 다소 비밀스러운 옵션이 있다는 것을 기억할 것입니다. 이 옵션을 사용하면 LibphonEnumber의 검증 및 서식 기능을 활용할 수 있습니다. 드롭 다운을 사용하거나 다이얼링 코드를 입력하여 국가를 선택한 후 텍스트 필드를 해당 국가의 번호 형식을 반영하는 마스크 입력으로 변환합니다. 플러그인에는 libphoneNumber의 패키지 버전이 포함되어 있습니다. 다음과 같이이 파일의 경로를 생성자에게 전달하십시오.
  앞에서 언급했듯이 LibphoneMber 라이브러리의 파일 크기로 인해이 접근법을주의해서 사용해야한다는 점을 명심하십시오. 그러나 생성자에서 여기에 참조하면 주문형으로로드 될 수 있음을 의미합니다. 전화 번호 표시 우리는 pnf.international 및 pnf.national과 같은 형식을 사용하여 숫자를 "친절한"것으로 표시 할 때 숫자를 더“친절하게 표시 할 때 숫자를 형식화 할 수있는 방법을 살펴 보았습니다. 우리는 또한 TEL 및 Callto 프로토콜을 사용하여 전화 번호에 하이퍼 링크를 추가 할 수 있습니다.이 전화 번호는 모바일 사이트에서 특히 유용합니다. 사용자는 웹 페이지에서 직접 전화를 걸 수 있습니다. 이렇게하려면 링크 자체의 E.164 형식이 필요합니다.

  물론 microdata 우리는 또한 Microdata를 사용하여 전화 번호를 의미 적으로 표시 할 수 있습니다. 다음은 예입니다. 링크를 표시하려면 itemprop = "전화"의 사용에 유의하십시오

  요약 이 기사에서는 전화 번호 인 Hornets Nest를 열었습니다. 이제 수집, 검증 및 표시 해야하는 경우 알아야 할 모든 복잡성, 미묘함 및 Gotchas가 있다는 것은 이제 매우 분명해야합니다.

  . 우리는 숫자를 수집하기위한 몇 가지 방법을 살펴 보았습니다-"Tel"입력 유형, 마스크 입력 및 마지막으로 Intl-Tel Input JQuery 플러그인. 우리는 검증에 관한 몇 가지 문제와 정규 표현과 같은 일반적인 접근 방식이 종종 부적절한 이유를 살펴 보았습니다. 특히 국제적으로 갈 때. 우리는 Google의 LibphoneNumber 라이브러리를 살펴 보았습니다. 이를 사용하여 전화 번호의 유형을 구문 분석, 검증, 표시 및 결정합니다.

  우리는 성능 측면에서 비용이 들지 만 더 나은 사용자 경험을 위해 Intl-Tel-Input 플러그인을 LibphoneNumber와 결합했습니다. 마침내 우리는 HTML에서 전화 번호를 표시 할 수있는 방법을 살펴 보았습니다. 전화 번호를 다루기위한 몇 가지 권장 사항이 있습니다.

  단일 국가에서만 운영하지 않는 한 국제적 차이를 알고 있어야합니다. 주의로 마스크 입력을 사용하십시오. 정규 표현식 기반 검증에 매우주의하십시오 가능한 경우 스토리지에 E.164를 사용하십시오

  • Google의 LibphoneNumber 라이브러리를 사용하십시오 숫자를 표시 할 때 숫자를 표시 할 때 가능한 경우 포맷하고 전화 : 또는 Callto : Link Type을 사용하고 Microdata를 사용하십시오.
  JavaScript의 전화 번호에 대한 FAQS JavaScript의 전화 번호에서 국가 코드를 가져 오는 방법?
  • JavaScript의 전화 번호에서 국가 코드를 추출하려면 Google이 제공하는 LibphoneNumber 라이브러리를 활용할 수 있습니다. 이 라이브러리는 전화 번호를 구문 분석, 형식화 및 검증하기위한 강력한 도구로서 국가 코드를 정확하게 추출하기에 이상적인 선택입니다. 시작하려면 NPM을 사용하여 라이브러리를 설치 한 다음 JavaScript 파일로 가져와야합니다. 가져 오면 PhoneNumberutil 클래스를 사용하여 전화 번호를 효과적으로 작업 할 수 있습니다.
  전화 번호에서 국가 코드를 추출하려면 먼저 구문 분석 기능을 사용하여 전화 번호를 구문 분석해야합니다. 이 기능은 전화 번호를 문자열과 선택적 기본 영역 코드로 취합니다. 이는 일반적으로 ISO 3166-2 국가 코드입니다. 구문 분석 후 PhoneNumber 객체에 액세스하고 GetCountryCode 메소드를 사용하여 국가 코드를 정수로 얻을 수 있습니다. 이 접근 방식은 국제 전화 번호를 처리하는 정확도를 보장하고 다양한 지역 형식 를 고려합니다. javaScript의 국가 코드로 전화 번호를 검증하는 방법?
  JavaScript의 국가 코드로 전화 번호를 검증하는 것은 다양한 국제 전화 번호 형식으로 인해 복잡한 작업이 될 수 있습니다. 정확한 검증을 보장하기 위해 한 가지 효과적인 접근 방식은 Google의 "LibphoneMumber"라이브러리를 사용하는 것입니다. 이 라이브러리는 전화 번호를 구문 분석, 형식화 및 검증하기위한 포괄적 인 도구를 제공 하여이 목적을위한 안정적인 선택입니다.

  시작하려면 NPM을 사용하여 "LibphonEnumber"라이브러리를 설치 한 다음 JavaScript 파일로 가져와야합니다. . 가져 오면 도서관의 phoneNumberutil 클래스를 활용하여 전화 번호 검증을 수행 할 수 있습니다. IsValidNumber 함수는 특히 구문 분석 전화 번호를 검증 할 수 있으며, 그렇지 않은 경우 숫자가 유효하거나 False 인 경우 TRUE를 반환 할 수 있습니다. 도서관의 기능을 사용하여 전화 번호를 구문 분석하면 제공된 국가 코드와 관련된 특정 형식 및 규칙을 준수해야합니다.
  이 접근법은 국가 코드로 전화 번호를 검증하기위한 강력한 솔루션을 제공하여 정확한 수단을 제공합니다. 다양한 형식과 표준으로 국제 전화 번호를 처리합니다. "libphoneNumber"라이브러리를 구현하면 JavaScript 응용 프로그램에서 전화 번호 검증의 정밀성과 신뢰성을 크게 향상시킬 수 있습니다.
  JavaScript의 전화 번호에서 국가 코드를 분리하는 방법? . JavaScript의 전화 번호에서 국가 코드를 분리하는 것은 특히 국제 전화 번호를 다룰 때 일반적인 작업입니다. 실질적인 접근법은 정규 표현식 및 문자열 조작을 사용하는 것입니다. 국가 코드와 일치하는 정규 표현 패턴을 정의 할 수 있으며, 이는 일반적으로 플러스 부호와 하나 이상의 숫자로 표시됩니다. (d)와 같은 정규 표현식은 전화 번호에서 국가 코드를 효율적으로 캡처합니다.

  일단 정규 표현 패턴이 있으면 Exec 메소드를 사용하여 전화 번호에 적용 할 수 있습니다. EXEC 메소드는 전화 번호의 일치하는 부분과 캡처 된 그룹을 포함하는 배열을 반환합니다. 이 경우 캡처 된 국가 코드는 배열의 첫 번째 그룹에서 액세스 할 수 있습니다 (색인 1). 이 프로세스를 따르면 국가 코드를 전화 번호에서 정확하게 분리하고 JavaScript 응용 프로그램에서 추가로 사용할 수 있도록 할 수 있습니다.

  이 방법은 다재다능하며 다양한 전화 번호 형식으로 작업하도록 조정할 수 있습니다. 외부 소스에서 사용자 입력을 처리하거나 전화 번호를 처리하든이 접근 방식은 국제 전화 번호로 작업하는 데있어 귀중한 단계 인 국가 코드를 안정적으로 추출 할 수 있도록합니다.

  전화 번호를 국제적으로 형식화하는 방법은 무엇입니까?

  국제적 사용을위한 전화 번호를 형식화하는 것은 다른 지역의 명확성과 호환성을 보장하기 위해 필수적입니다. 국제적으로 형식의 전화 번호는 일반적으로 국가 코드, 지역 코드 (해당되는 경우) 및 로컬 전화 번호의 세 가지 주요 구성 요소로 구성됩니다. 국가 코드는 플러스 부호 ()와 미국의 1과 같은 숫자 코드로 표시됩니다. 국가 또는 지역에 대한 보편적으로 인정 된 식별자 역할을합니다.

  경우에 따라, 지역 코드가 포함될 수 있으며, 종종 공간이나 하이픈이있는 나머지 번호와 분리됩니다. 로컬 전화 번호는 길이가 다를 수 있으며 추가 분리기 또는 구두점을 포함 할 수 있습니다. 특정 형식은 국가마다 다를 수 있으므로 가능한 경우 지역 컨벤션을 따르는 것이 중요합니다. 이 구조를 준수함으로써 국제 국경을 넘어 전화 번호를 쉽게 인식하고 사용할 수 있도록하십시오.

위 내용은 JavaScript의 전화 번호로 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!