jquery validate插件使用

1. 引入js文件

<script type="text/javascript" src="js/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.metadata.js"></script>
<script type="text/javascript" src="js/jquery-autocomplete/jquery.autocomplete.js"></script>

 jquery.metadata.js用来支持在class属性中设置验证规则。

 

在js代码中写验证规则

$('form').validate({
                rules:{
                    'company.company' : {
                        required : true,
                        remote:{
                            url:'Company!exist.action',
                            type:'post'
                        }
                    }
                }   ,
                messages:{
                    'company.company':{
                        remote:'未找到公司信息，请先添加公司！'
                    }
                }
            });

 解释：公司名称必须存在，然后去服务端验证公司名称是否存在。url地址在remote属性中设置，ajax方法设置为post，避免中文乱码出现。单独为remote验证设置提示消息。服务器只能返回字符串形式的“true”或“false”

 

在html标签的class属性中设置验证规则（必须引入jquery.metadata.js）

<input type="text" name="topinion.basePay" size="30" class="inputa1 required digits">

 解释：该字段不能为空，必须为大于0的整数

 

$('form').valid()触发表单的验证，返回true或false