jQuery表单验证

js配置

$(document).ready(function(){
 $("#myForm").validate({
  errorElement: "em",
  success:function(label){label.text(" ").addClass("success");},  
   
  rules:{
   txtName: {
    required: true,
    minlength: 5
   },
   txtEmail: {
    required: true,
    email: true
   },
   txtUrl:"url"
         }
  }
 )
})

 

页面配置

<script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript" src="js/jquery.validate.js"></script>
 <script type="text/javascript" src="js/messages_cn.js"></script>
 <script type="text/javascript" src="js/metadata.js"></script>
 
 
 
  <style type='text/css'>
           *{font-family:Verdana;font-size:96%;}
           em.error{float:none;color:red;padding-left:.5em;vertical-align:top;}
           p{clear:both;}
          
           em{font-weight:bold;vertical-align:top;}
          em.error{
           background:url("./img/wrong.gif") no-repeat 0px 0px;
           padding-left:16px;
           }
           em.success{
           background:url(./img/right.gif) no-repeat 0px 0px;
           padding-left:16px;
           }
       </style>