순서 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. 비밀번호 유효성 검사 회원 가입 버튼 작동 메서드 내부에 아래의 코드를 추가합니다. 코드를 해석하면 비밀번호(pwd) 입력란에 아무것도 입력이 되지 않았을 때 span 태그가 보이도록 하고 pwCheck 변수에 false를 대입합니다. 비밀번호(pwd) 입력란에 입력이 되어 있다면 span 태그는 사라지게 하고 pwCheck 변수에 true를 대입합니다. /* 비밀번호 유효성 검사 */ if(pwd == ""){ $('.final_pw_ck').css('display','block'); pwCheck = false; }else{ $('.final_pw_ck').css('display', 'none'); pw..