Front-end
[Javascript] Input 필드에 공백 제거하기
ming.gu
2021. 10. 1. 10:26
[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유입은 그럴 일이 별로 없긴 한데 모바일 유입은 본인 모르게 공백이 들어가는 경우가 있는 듯..