목록2018/02/22 (1)
미안한남자의 일상
유효성검사로 회원가입 페이지 구현하기(2)
먼저 페이지에서 html5와 css를 이용하여 가입 항목을 구성하였다면오늘은 가입버튼을 추가하고 제이쿼리를 이용하여 유효성 검사를 적용하겠습니다.먼저 위와 같이 div태그와 폼태그, 버튼을 구성해 준 후, div에 적당한 클래스값을 주고, 폼태그 name과 id값엔 상위 폼태그에 주었던 값과 똑같은 값을 넣어줍니다.버튼 타입엔 submit을 주고 버튼안에 들어갈 글자를 입력해 줍니다. 그리고 위와 같이 css를 이용하여 버튼 위치와 색상을 수정해 주면 아래와 같이 버튼이 추가됩니다.이제 가입 페이지가 구성되었으니 제이쿼리를 이용하여 유효성 검사를 구현해 보도록 하겠습니다.먼저 위와 같이 script에 제이쿼리 기본 양식을 입력해 주고 함수값에 폼태그에 넣었던 값과 submit를 입력해 줍니다. if문에 ..
JavaScript & jQuery
2018. 2. 22. 15:23