[스크립트] input박스에서 공백 입력 받지 않기..

1. 좀 오래전 소스

<SCRIPT LANGUAGE="JavaScript">
 <!--
window.onload=function() {
    var aaa = document.getElementsByName('id')[0]; //[0],[1]등은 id폼 순서
    aaa.onkeypress=function () {
        aaa.value = aaa.value.replace(' ', '');
    }
}
 //-->
 </SCRIPT>

자바스크립트에서 공백을 없애는 치환처리만 해주는듯..

위 스크립트의 id값과 아래 input에서 id만 맞춰주면 된다.

<input type="text" name="id" size="10" maxlength="10" class=input-blank>

 

2. 나름 최근 소스

<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);" />

 

이외에도 jquery를 이용하는 방법등 다양하게 있지마 위 방법이 심플한듯해서 저~장!