반응형
JSP에서 DB 단으로 데이터를 던질 때 공백이 들어가지 않기 위해서
Javascript를 이용하여 이를 제하는 로직을 만들어 보겠습니다.
엘리먼트.includes('값')
엘리먼트.indexOf('값')
위의 두 개의 기능을 이용하여 공백 체크를 해보겠습니다.
includes는 해당 엘리먼트에 매개변수로 지정한 값이 존재할 경우 true를 반환합니다.
indexOf는 해당 엘리먼트에 매개변수로 지정한 값이 존재할 경우 해당 값의 위치를 반환합니다.
공백 제거 소스 예제
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title></title>
<script type="text/javascript">
function chk_txt(){
var txt = document.getElementById("txt").value;
if(txt.includes(' ')){
alert("공백있음");
return;
}
if(txt.indexOf(' ') > -1){
alert("공백있음");
return;
}
}
</script>
</head>
<body>
<input type="text" id="txt" value=""><br>
<button onclick="chk_txt()">글자 체크</button>
</body>
</html>
includes와 indexOf를 이용하여 input textbox에 값을 체크하였고
공백이 존재하여 alert를 띄운 모습입니다.
반응형
'Dev > JavaScript' 카테고리의 다른 글
| [Javscript] 문자를 숫자, 숫자를 문자로 변환하기 (0) | 2022.12.09 |
|---|---|
| [Javascript] 회원가입 유효성 검사 (이메일 정규식 체크 포함) (0) | 2022.12.07 |
| [Javascript] 포커스 이동 방법 및 제어(focus move) (0) | 2022.12.05 |
| [Javascript] 새창으로 팝업 열기 예제 및 소스 (0) | 2022.12.05 |
| [Javascript] 특정 문자 단어 바꾸기 replace, replaceAll, 정규식 (0) | 2022.12.02 |