[JQuery] $.trim()의 용도

자바스크립트에서는 string.trim() 하면 양 옆으로 빈칸이 사라졌다.

제이쿼리도 이와 행동은 똑같지만 , string을 $ 요소 셀렉터로 주고 ()이 안에 적용할 텍스트를 넣는다 

<pre id="original"></pre>
<pre id="trimmed"></pre>

var msg = "    pudding      ";
$("#original").html(msg); // 적용 X
$("#trimmed").html($.trim(msg));//빈칸없어진 pudding이 출력

 

 

아이디랑 비번  확인도 제이쿼리 $.trim()방식을 사용할 수 있다.

function validation(){

 var userId = $('#username');
 var userPw = $('#password');
 
if($.trim(userId.val()).length==0){
	alert("아이디를 다시 입력하세요");
    userId.focus();
    return false;
}
if($.trim(userPw.val()).length==0){
	alert("비밀번호를 다시 입력하세요");
    userPw.focus();
    return false;
}
return true;
}

validation이라는 함수는 , username 과 userword를 담고 있는 변수가 있다.

스페이스만 누르고 아이디를 만들 수 있으니 , 문자열 양옆의 빈칸을 없애는 $.trim(str)을 사용하여 만약 길이가 0이면 다시 입력하라고 메시지를 보여주고 , focus()를 이용하여 칸을 강조해준다.  이 두가지에 해당이 안되면 , 아이디 비밀번호 확인이 제대로 된 것이다.