<input id="phone" name="phone" type="text" size="12" onblur="validateNonEmpty(this,document.getElementById('phone_help'));"/>
<span id="phone_help" class="help">여기 문자가 변경됩니다</span>
//span대신 div사용가능
function validateNonEmpty(inputField, helpText){
//입력값에 택스트가 포함되어있는지 먼저 체크한다.
if(inputField.value.length==0){
if(helpText != null) //데이터에 문제가 있으면 도움말메세지를 설정
helpText.innerHTML = "Please enter a value.";//메세지
return false;
}
}else{
//데이터가 이상없으면 도움말 메세지를 지움
if(helpText != null)
helpText.innerHTML = "";
return true;
}
}
'Front-End > JavaScript' 카테고리의 다른 글
앞,뒤 공백제거하기(trim) (0) | 2012.02.28 |
---|---|
AJAX request생성 & 기본 프로퍼티,메소드 (0) | 2012.02.27 |
정규식 & 수량한정자 & 패턴 정량화 (0) | 2012.02.20 |
기초 (0) | 2012.02.20 |
쿠키 (0) | 2012.02.20 |