<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- jQuery ์์ค include -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<title>Insert title here</title>
<script type="text/javascript">
/* jquery ํจ์ ๋ถ๋ถ */
$(document).ready(function(){ /* ๋ฌธ์๊ฐ ์ด๋ฆฌ๋ฉด ์คํ๋๊ธฐํ๋ค. */
$("#applyForm").submit(function(){ /* applyForm id๊ฐ์ ๊ฐ์ง ํ๊ทธ์์ submit ํด๋ฆญ์ ํจ์ ์คํ ๋ฐ confirmํจ์ ์์ ๋ํ์ฐฝ์ผ๋ก alertํ์ธ ์์ฑ */
if(confirm("์
๋ ฅํ์ ์ด๋ฉ์ผ ์ฃผ์๊ฐ ๋ง์ต๋๊น?")){
return true; /* ๋ง์ฝ์ ํ์ธ ๋๋ฅผ์ true ๋ฐํ ๋ฐ action์ผ๋ก ์ด๋ */
} else{ /* ๋ง์ฝ ์ทจ์ ๋ฒํผ์ ๋๋ฅธ๋ค๋ฉด */
$("input:text[name='email']").focus(); /* inputํ๊ทธ์ textํ์
์ ๊ฐ์ง ๊ฒ๋ค ์ค name์ด email์ธ ํ๊ทธ๋ก ์ด๋์ํจ๋ค.focus() */
return false; /* ๋ฆฌํด๊ฐ false๋ฅผ ๋ฐํํ์ฌ action์ผ๋ก ์ด๋ํ์ง ์๋๋ค. */
}
});
});
</script>
</head>
<body>
<!-- jQuery๋ฅผ ํจ์๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํด formํ๊ทธ์ id applyForm๊ฐ ์ง์ -->
<form name="applyForm" action="/apply" method="post" id="applyForm">
id : <input name="id" type="text"><br>
email : <input name="email" type="text"><br>
<input type="submit">
</form>
</body>
</html>