onFocus和onBlur

<input name="" type="text" onFocus="javascript:fun()"> 当鼠标点击的时候就发生事件
<input name="" type="text" onBlur="javascript:fun()" > 当鼠标从文本框离开的时候就发生事件

<script>
function myFocus(){
   var inputObj=document.getElementById('inputName');
   if(inputObj.value.length < 4 ){
    alert('长度最少为4位');
    inputObj.focus(); //把鼠标返回到 inputName 一般在 onBlur调用此方法（也就是说在鼠标离开的时候）
      //如果用onFocus调用此方法的话（鼠标进入的时候调用）但是调用完后鼠标又返回到此框,原本以为会一直弹出对话框但不是这样的。当返回文本框的时候不会调用此方法。只有鼠标点其他地方后再点文本框才会调用。
   }
}
</script>

 

Example:1

<script>
function checkFormat(){
   var tel_noValue = document.getElementById('tel_no').value;
   if(tel_noValue.length < 4){
    alert('长度不够');
    document.getElementById('tel_no').focus();
   } 
}
</script>
<form name="myform" action="" method="post">
<input type="text" name="tel_no" id="tel_no" value="" onBlur="javascript:checkFormat();" />
<input type="submit" name="submit" value="提交" />
</form>

 

 

Example:2 //和1不一样的只是把文本框对象传过去

<script>
function checkFormat(mythis){
   var tel_no = mythis; 
   if(tel_no.value.length < 4){
    alert('长度不够');
    mythis.focus();
   } 
}
</script>

 

<form name="myform" action="" method="post">
<input type="text" name="tel_no" id="tel_no" value="" onBlur="javascript:checkFormat(this);" />
<input type="submit" name="submit" value="提交" />
</form>