/29
2014. 6. 9. 12:33
[jQuery 9장] 공백 제거 $.trim()
개발을 하다보면 submit을 날리기 전에 값들의 존재유무를 파악할때가 존재하는데
if($("").val() == ""){
alert("입력하세요");
return;
}
와 같은 코드가 들어간다.
해당 태그의 값이 비어있는데 실질적으로는 여러번의 스페이스바를 눌러서 " "
이런형식의 값이라면? 위의 if문은 건너뛰게 되는것이다.
css및 특정 플러그인 스크립트를 쓸경우 text 태그에 " 값" 이런식으로 들어갈 경우도
종종 있어서 공백 제거는 필수체크를 해줘야 한다.
jquery에서 공백제거를 하려면 $.trim() 함수를 써주면 된다.
예를들어
var tempValue = " 값 " ;
이런식으로 주고
$.trim(tempValue) 라고 주게 되면 양쪽 공백이 모두 제거가 된다.
태그의 value 값의 공백을 제거하고 싶다면
$.trim($("#").val())
이렇게 지정해주면 되겠다.
샘플 소스는 다음과 같다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(function(){
alert("공백제거전 ::"+$("#trimtest").val());
alert("공백제거후 ::"+$.trim($("#trimtest").val()));
})
</script>
</head>
<body>
<input type="text" id="trimtest" value = " abc" />
</body>
</html>
도움이 되셨다면 손가락↓ 클릭! 궁금하신점은 댓글!!
'자바스크립트이야기 > jQuery' 카테고리의 다른 글
| [jQuery 10장]스크립트로 지정 태그에 클래스 적용하기 (0) | 2014.06.09 |
|---|---|
| jQuery / 프로토타입 동시사용시 ... (0) | 2014.06.09 |
| [jQuery 8장]숨겨진 태그 화면에 보여주기 효과 (0) | 2014.06.09 |
| [jQuery 7장] 셀렉터가 모예요? (4) | 2014.05.14 |
| [jQuery 6장] 특정 텍스트 태그에 포커스를 줘보고 키보드의 키를 눌렀을때의 이벤트 값을 확인해보자으~ (0) | 2014.05.14 |