728x90
안녕하세요. 공유민입니다.
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 |
사용자의 공백 입력을 막는 예제 소스를 준비하였습니다.
도움이 되셨다면 공감 부탁드립니다. 감사합니다.
'개발 > HTML, JS' 카테고리의 다른 글
| 쿠키(cookie) 생성, 삭제, 확인 예제 (0) | 2018.01.15 |
|---|---|
| 프로토콜, 도메인, 포트, 파일(페이지)명 구하기 예제 (0) | 2018.01.15 |
| Javascript, Event Loop (0) | 2017.06.13 |
| window.opener 권한이 없습니다. (0) | 2016.11.16 |
| 정의되지 않음 또는 null 참조인 'value' 속성을 가져올 수 없습니다. (0) | 2016.11.16 |