개발/HTML, JS

공백 사용 방지 예제 소스

공유민 2018. 1. 15. 16:05

안녕하세요. 공유민입니다.



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>no space</title>
    <script>
        // 공백 사용 못 하게
        function noSpaceForm(obj) 
        {             
            var str_space = /\s/;               // 공백 체크
            if(str_space.exec(obj.value)) 
            {     // 공백 체크
                alert("해당 항목에는 공백을 사용할 수 없습니다.\n\n공백 제거됩니다.");
                obj.focus();
                obj.value = obj.value.replace(' ',''); // 공백제거
                return false;
            }
        }
        
        // 첫 글자 공백만 사용 못 하게
        function noSpaceForm2(obj) 
        {                        
            if(obj.value == " ") // 공백 체크
            {              
                alert("해당 항목에는 공백을 사용할 수 없습니다.\n\n공백 제거됩니다.");
                obj.focus();
                obj.value = obj.value.replace(' ','');  // 공백 제거
                return false;
            }
        }
    </script>
 
</head>
<body>
    공백 사용 금지 :   <input type="text" name="test" id="test" onkeyup="noSpaceForm(this);" onchange="noSpaceForm(this);" />
    <br><br>
    첫 글자 공백만 금지 :   <input type="text" name="test2" id="test2" onkeyup="noSpaceForm2(this);" onchange="noSpaceForm2(this);" />
</body>
</html>
 
 
 
cs


사용자의 공백 입력을 막는 예제 소스를 준비하였습니다.

도움이 되셨다면 공감 부탁드립니다. 감사합니다.