순서 1. span 태그 추가 2. 이메일 형식 검사 메서드 3. 메서드 적용 4. 테스트 1. span 태그 추가 이메일 형식이 올바르지 않을 때 뜨는 경고글입니다. 클래스 속성명을 mail_input_box_warn으로 하였습니다. 위치는 클래스 속성명 final_mail_ck 인 span태그 바로 아래에 추가해줍니다. 2. 이메일 형식 검사 메서드 이메일 형식 검사 메서드에 JavaScript에서 제공하는 test() 메서드를 사용했습니다. 해당 메서드는 주어진 문자열이 정규 표현식을 만족하는지 판별하고, 그 여부를 true 또는 false로 반환합니다. 이름이 mailFormCheck이고 매개변수명이 email 인 메서드를 script 태그 내부에 작성합니다. /* 입력 이메일 형식 유효성 검사 ..
순서 1. 이름 유효성 검사 2. 이메일 유효성 검사 3. 인증번호 유효성 검사 4. 주소 유효성 검사 5. 최종 유효성 검사 및 전송 6. 테스트 1. 이름 유효성 검사 회원가입 버튼 작동 메서드 내부에 아래의 코드를 추가합니다. 코드를 해석하면 이름(name) 입력란이 아무것도 입력되지 않았을 때 span 태그가 보이도록 하고 nameCheck 변수는 false를 대입합니다. 이름(name) 입력란에 입력이 되어 있다면 span 태그는 사라지게 하고 nameCheck에 true를 대입합니다. /* 이름 유효성 검사 */ if(name == ""){ $('.final_name_ck').css('display','block'); nameCheck = false; }else{ $('.final_name_c..
순서 1. 인증 번호 입력란 변환 기능 2. 인증 번호 일치 여부 검사 기능 3. 테스트 1. 인증 번호 입력란 변환 기능 인증 번호 입력란(mail_check_input)에 사용할 수 있도록 하기 위해 두 가지가 기능 실행되어야 합니다. ㄱ. 인증 번호 입력란 태그의 속성 disabled 속성 값이 변경. ㄴ. 인증 번호 입력란의 배경색 변경. 이 기능은 인증 번호 전송이 정상적으로 작동하였을 때만 진행이 됩니다. 그렇기 때문에 앞서 말한 두 가지 기능을 수행하는 명령 코드는 ajax 내에 있는 success코드에 작성되어야 합니다. success 코드 자체가 ajax가 정상적으로 진행이 완료되었을 때 작동하는 코드이기 때문입니다. 변경이 되어야 할 대상[$(".mail_check_input"), $(..
프로젝트 명 SWAN 수행 기간 2022년 06월 21일 ~ 2022년 07월 13일 개발 목표 인터넷 상에서 여성 질환이나 성과 관련된 정보 및 제품 등을 검색해보면, ‘청소년에게 노출하기 부적합한 검색 결과’라는 주의 사항과 함께 광고성 정보들이 나오는 것을 확인할 수 있습니다. 이처럼 모든 세대의 여성들은 자신들이 필요한 정보를 얻지 못하는 경우가 대다수입니다. 이러한 문제점들을 개선하고 여성들에게 편리함을 제공하고자 여성 향 쇼핑몰을 기획하기로 했습니다. 구현 기능 로그인, 로그아웃, 회원가입, Ajax를 통한 아이디 중복 체크, 비밀번호 인코딩, 회원가입 유효성 검사, 마이페이지 내 정보 보기, 마이페이지 내 정보 수정, 마이페이지 비밀번호 수정, 마이페이지 내 정보 수정, 마이페이지 비밀번호 ..
