You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
2.5 KiB
Plaintext
103 lines
2.5 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
|
|
<div class="logins">
|
|
<div class="login_body">
|
|
<div class="login">
|
|
<div class="login_head">
|
|
<ul>
|
|
<%--<li><%–<img src="<c:url value="/img/xit-logo/goyang_logo.png"/>">–%><span>고양시 특례시<br>일산 서구</span></li>--%>
|
|
<%--<li>로고 이미지</li>--%>
|
|
<li class="tit">용인특례시</li>
|
|
<li class="tit">자동차 검사 과태료 시스템</li>
|
|
</ul>
|
|
<p>Login</p>
|
|
</div>
|
|
<div class="login_con">
|
|
<ul>
|
|
<li><input type="text" class="login_input" placeholder="아이디" name="userAcnt" id="userAcnt" value="${not empty savedUserId ? savedUserId : 'admin'}"/></li>
|
|
<li><input type="text" class="login_input" placeholder="비밀번호" name="passwd" id="passwd" value="vipspassword"/></li>
|
|
<li class="line"></li>
|
|
<li class="logbtn">
|
|
<button type="button" class="login_btn bg1" id="loginBtn">로그인</button>
|
|
</li>
|
|
<li>
|
|
<label for="saveId"><input type="checkbox" id="saveId" name="saveId" ${isSaveId ? 'checked' : ''}> ID저장</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
$(function(){
|
|
|
|
// 로그인 버튼 클릭 이벤트
|
|
$("#loginBtn").on("click", function() {
|
|
login();
|
|
});
|
|
|
|
// 엔터키 이벤트
|
|
$("#userAcnt, #passwd").on("keypress", function(e) {
|
|
if (e.keyCode === 13) {
|
|
e.preventDefault();
|
|
login();
|
|
}
|
|
});
|
|
});
|
|
|
|
// 로그인 처리 함수
|
|
function login() {
|
|
// 유효성 검사
|
|
if (!validateForm()) {
|
|
return;
|
|
}
|
|
|
|
// 폼 데이터 준비
|
|
var formData = {
|
|
userAcnt: $("#userAcnt").val(),
|
|
passwd: $("#passwd").val(),
|
|
saveId: $("#saveId").is(":checked") ? "Y" : "N"
|
|
};
|
|
|
|
// AJAX 요청
|
|
$.ajax({
|
|
url: "<c:url value="/login/login.ajax"/>",
|
|
type: "POST",
|
|
data: formData,
|
|
dataType: "json",
|
|
success: function(response) {
|
|
if (response.result) {
|
|
// 로그인 성공
|
|
location.href = response.data.redirectUrl;
|
|
} else {
|
|
// 로그인 실패
|
|
alert(response.message);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
// 폼 유효성 검사
|
|
function validateForm() {
|
|
var userAcnt = $("#userAcnt").val();
|
|
var passwd = $("#passwd").val();
|
|
|
|
if (!userAcnt) {
|
|
alert("아이디를 입력해주세요.");
|
|
$("#userAcnt").focus();
|
|
return false;
|
|
}
|
|
|
|
if (!passwd) {
|
|
alert("비밀번호를 입력해주세요.");
|
|
$("#passwd").focus();
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
</script> |