四、使用方式
1.将校验规则写到控件中
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/jquery.validate.js" type="text/javascript"></script>
<script src="./js/jquery.metadata.js" type="text/javascript"></script>
$().ready(function() {
$("#signupForm").validate();
});

<form method="get" action="">
    <p>
        <label for="firstname">Firstname</label>
        <input />
    </p>
<p>
<label for="email">E-Mail</label>
<input />
</p>
<p>
<label for="password">Password</label>
<input type="password" />
</p>
<p>
<label for="confirm_password">确认密码</label>
<input type="password" />
</p>
    <p>
        <input type="submit" value="Submit"/>
    </p>
</form>
使用class="{}"的方式，必须引入包：jquery.metadata.js
可以使用如下的方法，修改提示内容：

在使用equalTo关键字时，后面的内容必须加上引号，如下代码：

另外一个方式，使用关键字：meta（为了元数据使用其他插件你要包装 你的验证规则 在他们自己的项目中可以用这个特殊的选项）
Tell the validation plugin to look inside a validate-property in metadata for validation rules.
例如：
meta: "validate"
<input type="password" />

再有一种方式：
$.metadata.setType("attr", "validate");
这样可以使用validate="{required:true}"的方式，或者class="required"，但class="{required:true,minlength:5}"将不起作用

2.将校验规则写到代码中

$().ready(function() {
$("#signupForm").validate({
        rules: {
   firstname: "required",
   email: {
    required: true,
    email: true
   },
   password: {
    required: true,
    minlength: 5
   },
   confirm_password: {
    required: true,
    minlength: 5,
    equalTo: "#password"
   }
},
        messages: {
   firstname: "请输入姓名",
   email: {
    required: "请输入Email地址",
    email: "请输入正确的email地址"
   },
   password: {
    required: "请输入密码",
    minlength: jQuery.format("密码不能小于{0}个字符")
   },
   confirm_password: {
    required: "请输入确认密码",
    minlength: "确认密码不能小于5个字符",
    equalTo: "两次输入密码不一致不一致"
   }
}
    });
});
//messages处，如果某个控件没有message，将调用默认的信息

<form method="get" action="">
    <p>
        <label for="firstname">Firstname</label>
        <input />
    </p>
<p>
<label for="email">E-Mail</label>
<input />
</p>
<p>
<label for="password">Password</label>
<input type="password" />
</p>
<p>
<label for="confirm_password">确认密码</label>
<input type="password" />
</p>
    <p>
        <input type="submit" value="Submit"/>
    </p>
</form>
required:true 必须有值
required:"#aa:checked"表达式的值为真，则需要验证
required:function(){}返回为真，表时需要验证
后边两种常用于，表单中需要同时填或不填的元素

五、常用方法及注意问题
1.用其他方式替代默认的SUBMIT
$().ready(function() {
$("#signupForm").validate({
        submitHandler:function(form){
            alert("submitted");   
            form.submit();
        }    
    });
});
可以设置validate的默认值，写法如下：
$.validator.setDefaults({
submitHandler: function(form) { alert("submitted!");form.submit(); }
});
如果想提交表单, 需要使用form.submit()而不要使用$(form).submit()