728x90
반응형
<!DOCTYPE html>
<!-- src/main/webapp/20220425/exam1.html -->
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<script type="text/javascript">
$(function(){
/*
$("input:submit").click(function() {
alert("이름: " + $("#name").val() + "\n비밀번호: " + $("#password").val());
return false; //기본이벤트 취소 + 이벤트 전파 안함
})
*/
//form 내부의 submit 버튼이 클릭되면, form객체에 submit 이벤트 발생함.
$("#myform").submit(function() {
alert("이름: " + $("#name").val() + "\n비밀번호: " + $("#password").val());
return false; //기본이벤트 취소 + 이벤트 전파 안함
})
})
</script>
</head>
<body>
제출버튼 클릭시 입력된 이름과 비밀번호를 alert창에 띄우기
<form id="myform">
이름 : <input type="text" name="name" id="name"><br>
비밀번호 : <input type="password" name="password" id="password"><br>
<input type="submit" value="제출">
</form>
</body>
</html>728x90
반응형
'study > Jquery' 카테고리의 다른 글
| [Jquery] 21. Jquery key1 (inputarr, <div id="card">) (0) | 2022.04.25 |
|---|---|
| [Jquery] 21. Jquery key1 (keydown, keypress, keyup) (0) | 2022.04.25 |
| [Jquery] 21. Jquery event4 (stopPropagation, preventDefault) (0) | 2022.04.25 |
| [Jquery] 21. Jquery event3 (setInterval) (0) | 2022.04.25 |
| [Jquery] 21. Jquery event2 (click, hover) (0) | 2022.04.25 |