>  기사  >  웹 프론트엔드  >  JavaScript를 사용하여 국제적으로 휴대폰 번호를 작성하는 방법은 무엇입니까?

JavaScript를 사용하여 국제적으로 휴대폰 번호를 작성하는 방법은 무엇입니까?

WBOY
WBOY앞으로
2023-08-25 13:41:111649검색

如何使用 JavaScript 以国际方式编写手机号码?

웹사이트에 전 세계 방문자가 있을 경우 휴대폰 번호 등의 정보를 국제 표준에 따라 표시하는 것이 가장 좋습니다. 그래서 그들은 이해하기 쉽습니다.

국제 공중 통신 번호 형식을 사용하여 국제적인 방식으로 휴대폰 번호를 표시할 수 있습니다. 또한 "E-164" 형식으로 표시됩니다.

국제 방식으로 휴대폰 번호를 작성하는 데 다음과 같은 구문을 제공했습니다.

으아악

국제전화번호 앞에는 "+", 뒤에는 "국가번호"가 붙고, 지역전화번호는 국가번호 뒤에 오는 것을 볼 수 있습니다.

여기에서는 JavaScript를 사용하여 국제적인 방식으로 휴대전화 번호를 정규식과 match() 메서드를 사용하여 변환해 보겠습니다.

문법

사용자는 다음 구문을 따라 휴대폰 번호를 국제 표준 형식으로 변환할 수 있습니다.

으아악

위 구문에서는 전화번호와 일치하는 정규식을 작성했습니다

match 메소드는 모든 일치 항목의 배열을 반환합니다. 유효한 일치의 경우 4개의 요소를 반환합니다. 첫 번째 요소는 전화번호 3자리 전체, 두 번째 요소는 전화번호 처음 3자리, 세 번째 요소는 전화번호 가운데 3자리, 네 번째 요소는 유효한 전화번호 마지막 4자리입니다. 숫자.

정규식 설명

  • ^ − 정규식의 시작입니다.

  • (d{3}) - 처음 세 자리 숫자를 나타냅니다.

  • (d{3}) - 가운데 세 자리 숫자를 나타냅니다.

  • (d{4}$) - 마지막 4자리를 나타냅니다.

아래 예에서는 숫자 유형의 HTML 입력을 추가했습니다. 사용자는 유효한 10자리 휴대폰 번호를 입력할 수 있습니다. 사용자가 제출 버튼을 클릭하면 writeInternationalNumber() 함수가 실행됩니다. 함수에서 위의 정규 표현식을 사용하여 입력 값을 일치시키고 일치하는 값을 배열 형식으로 가져옵니다.

이후 배열 값을 하나의 문자열로 연결하여 국제 표준에 따라 휴대폰 번호를 작성합니다.

으아악

아래 예에서는 해당 값을 사용하여 국가 코드 드롭다운 목록을 만들었습니다. 사용자는 국가를 선택하고 입력 상자에 10자리 전화번호를 쓸 수 있습니다. 사용자가 버튼을 누르면 선택된 국가 코드와 전화번호의 값을 가져오는 cellNumberWithCountryCode() 함수가 실행됩니다. 그 후, 입력된 국제휴대폰번호를 작성하기 위해 위의 예시와 같이 문자열을 생성합니다.

으아악

사용자는 국제 표준에 따라 휴대폰 번호를 배열하는 방법을 배웠습니다. 우리는 정규식을 사용하여 휴대폰 번호를 확인합니다. 전화번호가 유효하면 선택한 국가 코드와 함께 국제적으로 표시됩니다.

위 내용은 JavaScript를 사용하여 국제적으로 휴대폰 번호를 작성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제