<script type="text/javascript" src="js/jquery-1.3.1.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.validate.messages_cn.js"></script>
<script type="text/javascript">
$(document).ready()$(document).ready(function(){$("#cls").validate({
rules:{
username:{
required:true,
minlength:2,
maxlength:8,
remote:{   
      url:"UserBiz.jsp",   
      type:"post",   
      dateType:"json",   
      data:{
      username:function(){  
      return $("#username").val();
       }
      }   
    } 
},
password:{
required:true,
minlength:6,
maxlength:10},
confirm_password:{
required:true,
equalTo:"#password"
},email:{
required:true,
email:true}
},
messages: {
username: {
required: '请输入姓名',
remote:'用户名已存在',
minlength: '请至少输入两个字符',
maxlength:'最多请输入八个字符'
},
password:{
required: '请输入密码',
minlength: '请至少输入六个字符',
maxlength:'最多请输入十个字符'
},
confirm_password:{
required: '请再次输入密码',
equalTo:" 请检查密码是否一致"
},
email:{
required: '请输入电子邮件地址',
email: '请检查电子邮件的格式'
}
},
       errorElement: "em", //用来创建错误提示信息标签
success: function(label) { //验证成功后的执行的回调函数
//label指向上面那个错误提示信息标签em
label.text(" ") //清空错误提示消息
.addClass("success"); //加上自定义的success类
}
});
});
</script>

  </head>
  
  <body>
    <form method="post" action="" id="cls" >
  <p class="int">
 
      
<label  for="username" ><span class='high'>*</span> 用户名: </label >
   
      <input type="text" id="username" name="username" class="username" />
  </p>
  
  
  <p style="margin-top:0px; padding-top:2px; padding-left:100px">2~18个字符,包括字母、数字、下划线</p> 
 <p class="int">
 
      
<label  for="password" ><span class='high'>*</span> 密码: </label >
   
      <input type="password" id="password" name="password" />
  </p>
  <p style="margin-top:0px; padding-top:2px; padding-left:100px">密码长度6~10位</p>
   <p class="int">
 
      
<label  for="confirm_password" ><span class='high'>*</span> 确认密码: </label >
   
      <input type="password" id="confirm_password" name="confirm_password" />
  </p>
  <p style="margin-top:0px; padding-top:2px; padding-left:100px">请确认输入的密码相同</p>
<p class="int">
        
  <label for="email"> <span class='high'>*</span> 邮箱:</label>
<input type="text" id="email" name="email"  />
</p>
    <p style="margin-top:0px; padding-top:2px; padding-left:100px">请输入有效的邮件地址</p>

<p class="sub">
<input type="submit" value="提交" id="send" class="submit"/><input type="reset" id="res"/>
</p>
</form>
  </body>
</html>
 userbiz.java public String username;
public String getUsername() {
return username;
}public void setUsername(String username) {
this.username = username;
}public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {username=request.getParameter("username");
}public boolean check(){
System.out.print(username);
boolean valid=false;
String[] list={"abc","aaaaaa","cccccc"};
for(int i=0;i<list.length;i++){
if(username.equals(list[i])){
valid=true;
System.out.print(username);
}
}
return valid;}