jquery结合CSS使用validate实现漂亮的验证_javascript技巧

 
 
 
 
 
 
 
 
$(function(){ 
 $('#a input').hover(function(){ 
 $(this).parent().find('label').animate({opacity:"show",left:"-85px"},500);//.show(); 
 },function(){ 
 $(this).parent().find('label').animate({opacity:"hide",left:"-105px"},500);//.hide(); 
 }); 
 $("#signupForm").validate({ 
 rules: { 
 password: { 
 required: true, 
 minlength: 5 
 }, 
 name:{ 
 required:true 
 } 
 }, 
 messages: { 
 password: { 
 required: "请输入密码", 
 minlength: jQuery.format("密码不能小于{0}个字符") 
 }, 
 name:{ 
 required:"测试" 
 } 
 },success:function(){ 
 $("label.error").remove(); 
 } 
 }); 
}) 
 
 
 
 
 

是不是非常漂亮呢，下伙伴们也可以按照自己的要求美化美化，希望小伙伴们能够喜欢。