이 자습서에서는 JavaScript를 사용하여 핀 코드 및 휴대폰 번호를 확인하는 방법을 설명합니다.
JavaScript에서 PIN 코드 및 휴대폰 번호를 확인하는 방법은 무엇입니까?
PIN 코드와 휴대폰 번호를 확인하려면 ' 정규 표현식 ' 이랑 ' 성냥() ” JavaScript의 메소드. match() 메서드는 값을 정규 표현식에 일치시킵니다. 일치하면 메서드는 true를 반환하고 그렇지 않으면 false를 반환합니다.
PIN 코드를 확인하는 정규식 패턴
핀 코드는 일반적으로 4자리, 5자리 또는 6자리 코드입니다. 여기서는 6자리 핀 코드의 유효성을 검사하기 위한 정규식을 작성합니다.
/^ \디 { 6 } $ /
위의 패턴에서:
- “ / ” 슬래시 문자는 정규식/패턴의 경계를 나타내기 위해 사용됩니다.
- “ ^^ ”는 숫자의 시작을 나타냅니다.
- “ 디 '는 숫자를 나타냅니다.
- “ {} ”는 한계를 나타냅니다. 6 '.
- “ \ ” 백슬래시 문자는 이스케이프 문자입니다.
- “ $ ” 문자열의 끝을 나타냅니다.
휴대폰 번호를 확인하는 정규식 패턴
HTML 양식에서 전화/휴대전화 번호를 확인하는 것이 필수적입니다. 유효한 전화번호는 지역에 따라 다양한 형식으로 제공될 수 있습니다. 팔로우 링크 전화 번호를 확인하기 위해 다른 정규 표현식을 확인하십시오.
여기서는 두 가지 일반적인 형식에 대해 설명합니다. 하나는 길이가 10인 숫자입니다.
/^ \디 { 삼 } \디 { 삼 } \디 { 4 } $ /위의 정규식은 공백과 같은 구분 기호 또는 '를 포함한 특수 문자 없이 전화 번호로 10자리만 입력할 수 있음을 나타냅니다. + ”, “ – ' 또는 ' () '.
예시
먼저 웹 페이지를 디자인한 다음 JavaScript를 사용하여 핀 코드와 휴대폰 번호를 확인합니다. HTML 파일로 이동하여 다음 코드를 붙여넣습니다.
< 양식 이름 = '형태' 행동 = '#' >< 입력 유형 = '텍스트' ID = '핀' 자리 표시자 = '비밀번호를 입력하세요' 자동 완성 = '끄다' >< br > < br >
< 입력 유형 = '텍스트' ID = '숫자' 자리 표시자 = '휴대폰 번호 10자리를 입력하세요' 자동 완성 = '끄다' >< br >< br >
< 버튼 유형 = '제출하다' 온 클릭 = '확인()' > 제출하다 단추 >
형태 >
위의 코드에서:
- 먼저 ' # ” 이는 데이터가 어디로도 전송되지 않음을 의미합니다.
- 두 개의 입력 필드를 만듭니다. 하나는 핀 코드용이고 다른 하나는 휴대폰 번호용입니다.
- 생성' 제출하다 ' 버튼은 ' 확인() ” 핀 코드와 휴대폰 번호를 확인하는 방법입니다.
HTML 페이지는 다음과 같이 표시됩니다.