[Javascript] Input 필드에 공백 제거하기
꼭 필요할 때 없는 경우들이 있으므로 블로그에 메모를 해야 한다.
<script>
function noSpaceForm(obj) { // 공백사용못하게
var str_space = /\s/; // 공백체크
if(str_space.exec(obj.value)) { //공백 체크
//alert("해당 항목에는 공백을 사용할수 없습니다.\n\n공백은 자동적으로 제거 됩니다.");
obj.focus();
obj.value = obj.value.replace(/\s| /gi,''); // 공백제거
return false;
}
}
</script>
<input type="text" placeholder="아이디 입력" onkeyup="noSpaceForm(this);" onchange="noSpaceForm(this);" />
정규표현식으로 표시된 공백을 전부 제거할 수 있다.
PC유입은 그럴 일이 별로 없긴 한데 모바일 유입은 본인 모르게 공백이 들어가는 경우가 있는 듯..
'Front-end' 카테고리의 다른 글
[Javascript] 함수 내에 return, break, continue (0) | 2022.02.07 |
---|---|
[Javascript / jQuery] Set 객체를 활용한 동일 Class 값 중복 체크 (0) | 2022.01.13 |
[Web] 캐싱된 유저 CSS 파일 강제 재로딩(캐시방지처리) -2 (0) | 2022.01.07 |
[Web] 캐싱된 유저 CSS 파일 강제 재로딩(캐시방지처리) -1 (0) | 2022.01.07 |
[Javascript] Naver 로그인 버튼 커스텀하기 (7) | 2021.06.01 |