form tag 입력 양식 이벤트
-change : 입력 양식 내용 바뀔 때, -focus : 포커스를 얻을 때
-focusin : 초점이 맞춰지기 바로 전에, -focusout : 초점이 사라지기 전에
-blur : 초점이 사라지면 발생한다, -select : 선택할 때(text, textarea 제외)
-submit : submit 버튼을 누를 때, -reset : reset 버튼을 누를 때
<html>
<head>
<meta charset="utf-8"/>
<script src="/ajaxjquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#myform").submit(function (event) {
//form 태그의 입력양식 값을 가져옴
var onj = $("#onj").val();
var where = $("#where").val();
var password = $("#password").val();
alert(onj + ":" + where + ":" + password);
//submit이벤트의 기본 이벤트 제거
event.preventDefault();
});
});
</script>
<body>
<form id="myform">
<table>
<tr>
<td>오엔제이프로그래밍실무학원은 ?</td>
<td><input type="text" id="onj"></td>
</tr>
<tr>
<td>어디에있나요?</td>
<td><input type="text" id="where"></td>
</tr>
<tr>
<td>비밀번호</td>
<td><input type="password" id="password"></td>
</tr>
</table>
<input type="submit" value="저장"/>
</form>
</body>
</html>
<form id="myform">
<table>
<tr>
<td>오엔제이프로그래밍실무학원은 ?</td>
<td><input type="text" id="onj"></td>
</tr>
<tr>
<td>어디에있나요?</td>
<td><input type="text" id="where"></td>
</tr>
<tr>
<td>비밀번호</td>
<td><input type="password" id="password"></td>
</tr>
</table>
<input type="submit" value="저장"/>
</form>
</body>
</html>
댓글 없음:
댓글 쓰기