> 웹 프론트엔드 > JS 튜토리얼 > Javascript 양식 유효성 검사 - 정규식에 대한 첫 번째 소개_javascript 기술

Javascript 양식 유효성 검사 - 정규식에 대한 첫 번째 소개_javascript 기술

WBOY
풀어 주다: 2016-05-16 15:10:12
원래의
1427명이 탐색했습니다.

추천 도서: Javascript 양식 유효성 검사 길이

Javascript 양식 확인-제출 양식

Javascript 양식 유효성 검사 - 정규식 공개

데이터가 서버로 전송되기 전에 JavaScript를 사용하여 HTML 양식에서 이러한 입력 데이터의 유효성을 검사할 수 있습니다.

확인일

날짜의 형식이 상대적으로 특수하여 길이만으로는 확인할 수 없습니다

일반적인 날짜 형식: 먼저 두 자리를 사용하여 일을 표시한 다음 두 자리를 사용하여 월을 표시하고 마지막으로 네 자리를 사용하여 연도를 표시하며 마침표는 슬래시로 구분됩니다.

MM/DD/YYYY

Blogger: 날짜가 형식을 준수하는지 확인하는 코드를 디자인하는 방법은 무엇입니까?

먼저 날짜 형식의 유효성을 검사하는 논리를 살펴보겠습니다

양식 필드의 값을 꺼내고 "/"를 사용하여 문자열을 배열로 분할합니다.

'월' 하위 문자열을 분석하여 문자가 두 개뿐이고 둘 다 숫자인지 확인하세요.

"day" 하위 문자열을 분석하여 문자가 두 개뿐이고 둘 다 숫자인지 확인하세요.

"연도" 하위 문자열을 분석하여 문자가 4개뿐이고 모두 숫자인지 확인하세요

위 조건이 충족되면 입력 데이터에 슬래시가 2개만 있는지 확인하는 것도 필요합니다. 슬래시가 2개 이상인 경우 이후 내용은 무시해야 합니다

Blogger: 걱정하지 마세요. Javascript는 개발자에게 강력한 내장 도구인 정규 표현식을 제공합니다.

텍스트 패턴을 일치시키는 데 특별히 사용됩니다.

밝은 눈을 가진 경찰이 용의자의 일거수일투족을 항상 관찰하고, 법을 어기면 나쁜 놈을 잡아내는 모습과 같습니다╮(╯▽╰)╭

이제 작은 예를 살펴보겠습니다

일치 패턴=/^d{5}$/

등호 뒤의 문자는 다음과 같은 표현입니다

첫 번째 슬래시와 마지막 슬래시: "/" 정규식은 슬래시로 둘러싸여 있습니다.

두 번째 문자: "^" 문자는 지정된 패턴으로 시작해야 하며 숫자는 사용할 수 없습니다.

세 번째 문자: "d"는 숫자를 나타냅니다.

네 번째 문자: "{5}" 유일한 숫자는 5번 반복되어야 합니다.

다섯 번째 문자: "$" 문자열이 지정된 패턴으로 끝납니다

자, 편집자는 정규 표현식에 대한 첫 번째 지식인 Javascript 양식 유효성 검사에 대해 이것저것 소개할 것입니다. 다음 섹션에서는 정규 표현식을 공개합니다. 더 많은 콘텐츠를 보시려면 스크립트하우스 홈페이지를 주목해주세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿