「名前を入力して下さい」からカーソルが離れたときイベントが発生
<form action="#">
名前を入力して下さい <input type="text" id="name" name="name" size="12" /><span id="name_help"></span><br />
電話番号を入力して下さい <input type="text" id="phonenum" name="phonenum" size="12" /><span id="phone_help"></span>
</form>
<script type="text/javascript">
window.onload = function(){
var namae = document.getElementById("name");
namae.onblur = function(){ // カーソルが離れたら
var nameHelp = document.getElementById("name_help");
if(namae.value.length == 0){ // 入力された文字数が0だったら
nameHelp.innerHTML = " 名前が入力されていません";
return false;
}else{ // 何かしら入力されていたら
nameHelp.innerHTML = "";
return true;
}
}
var tel =document.getElementById('phonenum');
tel.onblur = function(){
var phone_help = document.getElementById('phone_help');
if(tel.value.length == 0){
phone_help.innerHTML = " 電話番号が入力されていません";
return false;
}else{
phone_help.innerHTML = "";
return true;
}
}
} // End javascript
</script>