js HTML 이벤트
onload : 하나씩은 다 가지고잇음
onmouseover
onkeydown / press/ up <키보드를 누르고 눌렸을떄,올라갈떄
onfocus, onblur, 가끔쓰고, onchange 는 값이 변경되었을때, (대전주소등을 입력시, select 값이 바뀔 때 액션을 취야야할떄)
HTML 요소에 이벤트를 할당하는 법
onclick ="proc()"이거나
document.getElementById("Mybin").onclick = proc; 이떄는 괄호열고닫으면 안됨 바로 수행해버린다는말이니까
document.getElementById("Mybin").addEventListner("click",proc);
드래그앤드랍
dragstart, 요소안으롣 들어가면 dragenter 그안에서 움직인ㄴ건 over 나오는건 leave 내려놨따?drop
드래그되는 요소의 draggable 속성을 true로 설정해야함
첨부파일 FIle API는 중프에 꼭 쓸것
****
폼의 유효성 검증 (100% 다해야함)
회원가입 폼을 일단 만드러놨는데,
1차적으로 화면단에서 먼저 해주고, 2차로 서버에서 거르는거임 중간에 프레임웍 들어가면 ㄱ프레임웍쪽에서도 해주는경우있음
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript" src = "../../js/form2.js">
</script>
<body>
<form>
이름 :
<input type="text" id="name"><br>
성별 :
<input type="radio" name="gender" value="남자">남
<input type="radio" name="gender" value="여자">여<br>
<input type="checkbox" name="hobby" value = "여행">여행
<input type="checkbox" name="hobby" value = "독서">독서
<input type="checkbox" name="hobby" value = "영화감상">영화감상
<input type="checkbox" name="hobby" value = "바둑">바둑
<input type="checkbox" name="hobby" value = "장기">장기
<input type="checkbox" name="hobby" value = "등산">등산
<input type="checkbox" name="hobby" value = "낚시">낚시 <br>
<button type="button" onclick="print()">출력</button>
<textarea rows="20" cols="50" id="result"></textarea>
</form>
</body>
</html>여기서 이름을 필수로 입력하도록 스크립트넣어볼것
카멜표기법?
소문자 다음단어에 대문자가 오는 것
유효성체크..
정규식
특정한 규칙을 가지고있는 문지열을표현하는 수식이다.
정규식은 /와 / 내부에 위치
| ^ | 시작 |
| $ | 끝 |
| . | 문자 |
| \d | 숫자 |
| \w | 문자숫자 |
| \s | 공백,탭,줄바꿈,캐리지리턴문자와일치 |
| [] | [abc]는 a또는 b또는 c [a-z]는 a~z 한글은 [가-힣] |
| () | 문자그루핑 |
| * | 0회이상반복 |
| + | 1회이상 |
| ? | 0또는 1회 |
| (m) |
{1,2}는 한글자또는 두글자
match()라는 함수
'학원수업_Oracle > Html_CSS_JAVAScript' 카테고리의 다른 글
| jquery (0) | 2020.12.10 |
|---|---|
| jQuery (0) | 2020.12.08 |
| dom (0) | 2020.12.04 |
| BOM DOM (0) | 2020.12.03 |
| String (0) | 2020.12.02 |