How to Make Jquery Validation fire conditionally in this case? : <p>I am using <strong>jquery Validator Framework</strong> for validating  form which consists of input type <strong>text</strong> and <strong>file</strong> elements .</p>

<p>Initially when the page is loaded in <strong>edit</strong> mode  (the Form will have all values filled in)</p>

<p>So at that time when clicked on <strong>Submit</strong> button , the Jquery validation for the input type file should be skipped (as it has already a value) 
 and it must be fired only incase user removes the picture and tries to <strong>submit</strong> the form .</p>

<p>This is my jscode</p>

<pre><code>jQuery(document).ready(function()
{
        $("#description").text('Iniital Value');
        var defimg = 'https://www.gstatic.com/webp/gallery3/1.png';
        $("#previewpicimg").attr('src', defimg);
        $('#pacinsertform').validate(
        {
                rules:
                {
                        previewpic:
                        {
                                required: true
                        },
                        description:
                        {
                                required: true
                        }
                },
                messages:
                {
                        previewpic:
                        {
                                required: "Upload Image required",
                        },
                        description:
                        {
                                required: "description  required",
                        }
                },
                highlight: function(element)
                {
                        $(element).parent().addClass('error')
                },
                unhighlight: function(element)
                {
                        $(element).parent().removeClass('error')
                },
                submitHandler: function(event, validator)
                {
                        if ($("#pacinsertform").valid())
                        {
                                ajaxInsertPac();
                                return false;
                        }
                }
        });
});
$("#previewpic").change(function()
{
        $("#previewpic").blur().focus();
});

function ajaxInsertPac()
{
        alert('ajax call heer');
        return false;
}
$(document).on("click", ".removepic", function(event)
{
        $("#previewpic").attr('name', 'previewpic');
});
$(document).on("click", ".resetform", function(event)
{
        $("#description").val('');
        $(".removepic").trigger("click");
        $("#pacinsertform").validate().resetForm();
});
</code></pre>

<p><a href="http://jsfiddle.net/Luf0ks9b/61/" rel="nofollow">http://jsfiddle.net/Luf0ks9b/61/</a></p>
