Java Script(3)

js파일 가져오기
 <script src = "(js파일 경로/같은 폴더내에 있을 시 파일명)"></script>

css파일 가져오기
 <link rel = "stylesheet" href = "(css파일 경로)">

form에 ID를 부여하여 form 내에서 .submit()매서드 호출을 통해 action으로 요청을 보낼 수 있다.
{
<form id = "transferForm" action = "quiz2-3.jsp" method = "GET">
<div>
<input id = "id" name = "id" type = "text" placeholder = "아이디">
<span id = "idInfo" style = "color : red;">(*필수항목)</span>
</div>

<div>
<input id = "pw" name = "pw" type = "password" placeholder = "비밀번호" onkeyup = "verify(this)">
<span id = "pwInfo"></span>
</div>

<div>
<input id = "confirmPw" name = "confirmPw" type = "password" placeholder = "비밀번호 확인" onkeyup = "verify(this)">
<span id = "confirmPwInfo"></span>
</div>
<hr>

<button id = "registButton" onclick = "document.getElementById('transferForm').submit()">등록(전송)</button>
</form>
}

JavaScript 정규표현식
.test
 - 정규표현식과 일치하는지 비교 후 boolean데이터를 반환한다.
{
function idCheck(idField) {
const VERIFY = /[^a-zA-Z0-9]/g;
var id = idField.value;

if (VERIFY.test(id)) {
document.getElementById("id_msg").innerHTML = "영어, 숫자만 입력 가능합니다."
} else {
document.getElementById("id_msg").innerHTML = ""
}
}
}