JS 개발 확인 양식 튜토리얼 프로젝트 소개

이 강좌에서는 "Javascript 개발 확인서" 개발 아이디어를 코스 프로젝트 예시로 사용하여 "Javascript 개발 확인서" 개발 아이디어를 설명합니다.

준비:

새로운 form.html 페이지를 생성한 후 레이아웃하고 js 코드를 작성하세요.

확인 양식 개발을 위한 흐름도를 살펴보겠습니다.

流程图.png

흐름도를 설명하자면

1. 먼저 사용자 이름이 비어 있는지 확인해야 합니다. 비어 있지 않으면 사양을 충족하는지 여부를 확인하고, 사양을 충족하면 프롬프트 메시지가 표시됩니다. , 계속해서 확인하겠습니다.

2. 비밀번호가 비어 있는지 확인하세요. 비어 있으면 프롬프트 메시지가 표시됩니다.

3 그런 다음 이메일 주소가 비어 있으면 프롬프트 메시지가 표시됩니다. 비어 있지 않으면 정규식 일치를 사용하여 이메일 형식을 준수하는지 확인하세요.

4 취미가 비어 있는지 판단할 때 비어 있으면 프롬프트 메시지가 표시됩니다. 비어 있지 않으면 사양을 충족하는지 확인하세요.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="div"> <form> <label>用户名:</label> <input type="text" class="name" id="name"> <div id="sp" class="div"></div> <label>密码:</label> <input type="password" class="pwd" id="pwd"> <div id="sp1" class="div"></div> <label>邮箱:</label> <input type="text" class="email" id="email"> <div id="sp2" class="div"></div> <label>爱好:</label> <textarea rows="5" cols="30" class="txt" id="txt"></textarea> <div id="sp3" class="div"></div> <input type="button" class="sub" value="注册" id="sub"> </form> </div> </body> </html>

코드 재설정

자동운전

제출하다

시사 Clear