본문 바로가기

JAVA Script3

[HTML][Java Script] 회원가입 폼 - 유효성 검사 회원가입을 할 때 각 항목이 올바른 형식인지 검사를 한다. 이러한 유효성 검사 기능을 자바스크립트와 html로 구현해 보았다. 각 항목별 유효성 검사는 아래와 같은 기준으로 하였다. 유효성 검사 기준 아이디 : 4~12자 숫자와 영어 대소문자문 가능 비밀번호 : 4~12자 숫자와 영어 대소문자문 가능 비밀번호 확인 : 비밀번호와 같은지 확인 메일주소 : @이가 있는지와 .com .kr 로 끝나듯이 끝자리에서 2~3번째에 .이 있어야 한다. 주민번호 : 주민번호 계산식으로 확인 주소 : 다음 postcode로 입력 받는다. 생일 : 주민번호가 맞으면 자동으로 입력 관심분야 : 적어도 1개가 선택 되어야 한다. 본래 유효성 검사는 주로 자바스크립트로 이루어지지만 html5에서 pattern 기능이 추가되어 .. 2020. 7. 5.
[HTML][Java Script] 배열 메소드 (push, pop, shift, sort, reverse) 자바 스크립트의 배열 메도르를 가지고 배열에 값을 넣고 빼고 정렬을 해보기 자바스크립트의 배열 메소드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 var arr = new Array(); function show(){ //배열 보여주기 var view= document.getElementById('viewer'); view.innerHTML=arr; } function push(){ //push 배열 뒤로 집어넣기 var num = document.getElementById('num').value; arr.. 2020. 7. 4.
[HTML][Java Script] 현재시간 출력하기 자바스크립트에서 Date()로 시스템의 시간을 받아올 수 있다. 또한, Date()가 가지고 있는 getHours, getMinutes, getSeconds 메소드를 이용 하여 시간, 분, 초 의 정보를 받아올 수 있다. Date()로 시간을 받고 현재 시간의 시,분,초 로 나타내고 시간을 기준으로 오전과 오후로 나누어 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 #divClock{ font-size: 30px; color: green; } function showClock(){ var currentDate = new Date(.. 2020. 7. 4.