JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)

  







 表单及时验证小例子


  

   
用户名:
   

   
* 用户名由6-18位字符组成
  
  
  
  
  

   
密码:
   

   
* 密码由6-18位字符组成，且必须包含字母、数字和标点符号
  
  

   
确认密码：
   

   
* 请再次输入你的密码
  
  

   
用户类型：
   

     
       请选择
       管理员
       普通用户   
     
   
   
* 请选择用户类型
  
  

   
性别：
   

     男
     女
   
   
* 请选择你的性别
  
  

   
出生日期：
   

   
* 请选择你的出生日期
  
  

   
兴趣爱好：
   

     阅读
     音乐
     运动
   
   
* 请选择你的兴趣爱好
  
  

   
电子邮件：
   

   
* 请填写常用的EMAIL，将用于密码找回
  
  

   
自我介绍：
   
这是自我介绍...
   
* 限100字内
  
  

   

     
     
   
  

 input:focus,textarea:focus{
    border:1px solid #f00;
    background:#fcc;
  }
  textarea{
    width:230px;
    height:50px;
  }
  body
  {
    font-size:15px;
    /* 字体的样式 */
    font-family:Microsoft YaHei;  
  }
  select option{
    font-size:10px;
    font-family:Microsoft YaHei;
  }