jquery验证

var validator=$("#myform")
    .validate({
        rules: {
                   field1: { required: true },
                   field2: { required: true },
                   field3: { required: true },
                   field4: { required: true }

            }
});

如果我在tab1中单击而没有fill field1,field2和fill field3,field4,则验证为true。

我想在本例中,field1和field2是因为制表符而隐藏的。

<form  id="myform"  enctype="multipart/form-data" method="post" action="myaction.php" >
    <div id="tabs">
        <ul>
            <li><a href="#tab-1">tab1</a></li>
            <li><a href="#tab-2">tab2</a></li>
        </ul>

    <div id="tab-1">  
        <input type="text" name="field1" id="field1" />     
        <input type="text" name="field2" id="field2" />     
    </div>

    <div id="tab-2">  
        <input type="text" name="field3" id="field3" />     
        <input type="text" name="field4" id="field4" />     
    </div>
    </div>

    <button type="submit" name="save">
                <img src="/admin/graphics/icons/disk.gif" alt=""/>Save
    </button>
    </form>