js——2表单检验，onfocus，onblur，onkeyup用法

1onfocus，onblur，onkeyup用法介绍

2案例1一简单表单校验

3案例2一简单页面校验

---

1用法介绍

onblur：事件会在对象失去焦点时发生

onfocus：是onblur 相反事件 。

onkeyup： 表示键盘每输完一个字符之后触发，就是键盘上的按键被放开时。

案例：

onblur="checkUsername()"  onfocus="showTips('span_username','用户名长度不能小于6位')"  onkeyup="checkUsername() "/>

注：checkUsername()和showTips（）为自定义函数

---

2案例1一简单表单校验

    
        
        
        
        
    
    
        

            用户名:
             

            
        
            
    

 

---

 

3案例2一简单页面校验

（1）案例要点：

• 引入外部的js文件  ： ，使用此文件中已经写好的检验邮箱和手机号的函数 checkEmail(umail);
• 使用了自定义函数：function showTips(spanID,msg)
• 正文中 
  onsubmit="return checkForm()" >  checkForm()函数检验了所有需要检查的格式

（2）案例

    
        
        
        
        
        
    
    
        
            用户名:

            密码:

            确认密码:

            邮箱:

            手机号:

            
            
        
    

 

---