读书人

jQuery.validate 范例

发布时间: 2012-09-02 21:00:34 作者: rapoo

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>

读书人网 >Web前端

热点推荐