jquery.validate 動態增加、刪除規則

<form name="form" id="form1">
        <table>
            <tr>
                <td>類型：</td>
                <td>
                    <select name="type" id="type">
                            <option value="">請選擇</option>
                            <option value="1">身份證</option>
                            <option value="2">護照</option>
                        </select>
                </td>
            </tr>
            <tr>
                <td>號碼：</td>
                <td><input type="text" name="code" id="code"></td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="submit" value="提交">
                </td>
            </tr>
        </table>
    </form>

$(function(){
        /***** add/remove rule*****/
         $("#type").change(function(){
             $("#code").rules("remove");
             if($(this).val()=="1"){
                 $("#code").rules("add",{required:true,minlength:6,messages:{required:"請輸入正確身份號"}});
             }else if($(this).val()=="2"){
                 $("#code").rules("add",{required:true,minlength:3,messages:{required:"請輸入正確護照號"}});
             }
         });
         
         $("#form1").validate({
               errorPlacement: function (lable, element)
                {
                    lable.appendTo(element.parent());
                },
                success: function (lable)
                {
                    lable.remove();
                },
                submitHandler: function (form)
                {
                    console.log("form submit");
                }
         });
    });