추천 도서: Javascript 양식 유효성 검사 길이
데이터가 서버로 전송되기 전에 JavaScript를 사용하여 HTML 양식에서 이러한 입력 데이터의 유효성을 검사할 수 있습니다.
확인일
날짜의 형식이 상대적으로 특수하여 길이만으로는 확인할 수 없습니다
일반적인 날짜 형식: 먼저 두 자리를 사용하여 일을 표시한 다음 두 자리를 사용하여 월을 표시하고 마지막으로 네 자리를 사용하여 연도를 표시하며 마침표는 슬래시로 구분됩니다.
MM/DD/YYYY
Blogger: 날짜가 형식을 준수하는지 확인하는 코드를 디자인하는 방법은 무엇입니까?
먼저 날짜 형식의 유효성을 검사하는 논리를 살펴보겠습니다
양식 필드의 값을 꺼내고 "/"를 사용하여 문자열을 배열로 분할합니다.
'월' 하위 문자열을 분석하여 문자가 두 개뿐이고 둘 다 숫자인지 확인하세요.
"day" 하위 문자열을 분석하여 문자가 두 개뿐이고 둘 다 숫자인지 확인하세요.
"연도" 하위 문자열을 분석하여 문자가 4개뿐이고 모두 숫자인지 확인하세요
위 조건이 충족되면 입력 데이터에 슬래시가 2개만 있는지 확인하는 것도 필요합니다. 슬래시가 2개 이상인 경우 이후 내용은 무시해야 합니다
Blogger: 걱정하지 마세요. Javascript는 개발자에게 강력한 내장 도구인 정규 표현식을 제공합니다.
텍스트 패턴을 일치시키는 데 특별히 사용됩니다.
밝은 눈을 가진 경찰이 용의자의 일거수일투족을 항상 관찰하고, 법을 어기면 나쁜 놈을 잡아내는 모습과 같습니다╮(╯▽╰)╭
이제 작은 예를 살펴보겠습니다
일치 패턴=/^d{5}$/
등호 뒤의 문자는 다음과 같은 표현입니다
첫 번째 슬래시와 마지막 슬래시: "/" 정규식은 슬래시로 둘러싸여 있습니다.
두 번째 문자: "^" 문자는 지정된 패턴으로 시작해야 하며 숫자는 사용할 수 없습니다.
세 번째 문자: "d"는 숫자를 나타냅니다.
네 번째 문자: "{5}" 유일한 숫자는 5번 반복되어야 합니다.
다섯 번째 문자: "$" 문자열이 지정된 패턴으로 끝납니다
자, 편집자는 정규 표현식에 대한 첫 번째 지식인 Javascript 양식 유효성 검사에 대해 이것저것 소개할 것입니다. 다음 섹션에서는 정규 표현식을 공개합니다. 더 많은 콘텐츠를 보시려면 스크립트하우스 홈페이지를 주목해주세요!