jQuery.validate 实例

<script src="js/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
 $("#form1").validate({
  rules: {
   pno: {
    required:true
   },
   <{if $project_type_permission == 1}>
   project_type1:{
    required:true
   },
   project_type2:{
    required:true
   },
   project_type3:{
    required:true
   },
   <{else}>
   name: {
    required:true
   },
   <{/if}>
   priority:{
       required:true
   },
   expected_finish_time:{
       required:true
    //dateISO:true
   },
   overdue_time:{
       required:true
    //dateISO:true
   }
  },
  messages: {
   pno:{
    required:"请填写项目编号"
   },
   <{if $project_type_permission == 1}>
   project_type1:{
    required:"请选择客户"
   },
   project_type2:{
    required:"请选择产品"
   },
   project_type3:{
    required:"请选择<{$project_name3}>"
   },
   <{else}>
   name:{
    required:"请填写项目名称"
   },
   <{/if}>
   priority:{
    required:"请选择优先级"
   },
   expected_finish_time:{
    required:"请输入预计完成时间"
    //dateISO:"请输入正确预计完成时间"
   },
   overdue_time:{
    required:"请输入需求超时时间"
    //dateISO:"请输入正确需求超时时间"
   }
  },
       
  
        errorPlacement: function(error, element) {
            if(element.attr("name") == "expected_finish_time")
                error.insertAfter("#expected_error");
            else if(element.attr("name") == "overdue_time")
       error.insertAfter("#overdue_error");
   else
                error.insertAfter(element);
        }
       
    
 });
});
</script>
<style type="text/css">
#form1 label.error {
    color:#FF0000;
 margin-left: 10px;
 width: auto;
 display: inline;
}
</style>