JAVA 팀플) 0207_AutoFocus / 네비게이션바 / SSN을 숫자로 입력 제한

1. 로그인 메인 등, ajax가 출력되었을 때 AutoFocus

// ID 공백 여부 확인

if (userId.trim() === "") {

alert("아이디를 입력하세요");

$("#userId").focus();

return false;

}

 

// PW 공백 여부 확인

if (userPw.trim() === "") {

alert("비밀번호를 입력하세요");

$("#userPw").focus();

return false;

}

- 로그인 외에도 대부분의 ajax에 적용

2. 자동로그인 틀

<input type="checkbox" id="autoLogin" name="autoLogin">자동로그인<br>

<span class="warning-icon">&#9888;</span>공사중<span class="warning-icon">&#9888;</span></td>

 

 

 

 

3. 네비게이션바

 

<div id="header">

<jsp:include page="//common/navibarForMember.jsp"></jsp:include><br>

</div>

<%@page import="com.dto.MemberDTO"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

 

<style>

nav {

background-color: gray;

}

 

</style>

 

<nav class="navbar navbar-expand" style="background-color:transparent;">

<div class="container-fluid">

<a class="navbar-brand" href="<%= request.getContextPath()%>/main">문밤</a>

</div>

</nav>

 

 

4. 아이디 찾기 / 비밀번호 찾기 등에서 SSN을 숫자로 입력 제한

//ssn1 숫자로 입력 제한

$("#ssn1").on("input", function () {

 

if (!/^\d*$/.test($(this).val())) {

alert("숫자만 입력 가능합니다.");

$(this).val("");

$(this).focus();

}

});

 

//ssn2 숫자로 입력 제한

$("#ssn2").on("input", function () {

 

if (!/^\d*$/.test($(this).val())) {

alert("숫자만 입력 가능합니다.");

$(this).val("");

$(this).focus();

}

});