잡동사니에도 사랑을

[21.10.13] exam10(02_jQueryEvent) 본문

JAVA_EE/JQuery

[21.10.13] exam10(02_jQueryEvent)

luvforjunk 2021. 10. 14. 09:33
728x90
반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../css/event.css">
</head>
<body>
<h1>회원가입</h1>
<form name="form1" action="form_ok.html">
   <div id="input">
      <h3>당신의 이름은 무엇입니까?</h3>
      <input type="text" name="user_name" />
      <input type="submit" value="저장하기" class="myButton" />
      <input type="reset" value="다시작성" class="myButton" />
   </div>
</form>

<script type="text/javascript" src="http://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(function(){
	$('form[name=form1]').submit(function(){
		if( !confirm('정말 저장하시겠습니까?')){
			return false; //취소를 눌렀을 때 이동하지 말라는 뜻
		}
	});
	
	$('input[type=reset]').click(function(){
		if( !confirm('정말 입력을 취소하시겠습니까?')){
			return false;
		}
			
	});
});
</script>
</body>
</html>
728x90
반응형

'JAVA_EE > JQuery' 카테고리의 다른 글

[21.10.13] exam12(02_jQueryEvent)  (0) 2021.10.14
[21.10.13] exam11(02_jQueryEvent)  (0) 2021.10.14
[21.10.13] exam08(02_jQueryEvent)  (0) 2021.10.14
[21.10.06] exam07(02_jQueryEvent) - Key이벤트(keypress)  (0) 2021.10.07
[21.10.06] exam06(02_jQueryEvent) - KeyName(keyCode)  (0) 2021.10.07
'JAVA_EE/JQuery' Related Articles more