Tengo una situación en la que validar un formulario HTML con jQuery Validation Plugin 1.9.0. (Estoy usando jQuery 1.6.4). Si el formulario se completa correctamente después de cargar la página, la validación se realiza al enviar. La validación da un mensaje de éxito, pero no activa el submitHandler. Solo activa el submitHandler si presiona el botón Enviar nuevamente.

Creé una simulación enhttp: //jsfiddle.net/peterph/Hv3xz/1 para ilustrar el problema. ¿Alguien puede decirme cómo puedo solucionar este problema?

<form method="post" id="form">
    <input id="E_Mail" name="E_mail" title="E_mail" required="required" /><br />
    <input class="submit" type="submit" value="Send"/>
</form>

<script>
    jQuery(function($) {
        $("#form").submit(function(e) {
            var $form = $(this);
            alert('Start Validation');
            $form.validate({
                debug: false,
                focusInvalid: false,
                onfocusout: false,
                onkeyup: false,
                onclick: false,
                rules:
                {
                    E_mail: {required:true, email:true },
                },
                success: function(label) {
                    alert('succes:' + label);
                },
                submitHandler: function(form){
                    alert('start submitHandler');
                    postContent('test');
                    alert('end submitHandler');
                },
                invalidHandler: function(form, validator) {
                    alert('invalidHandler');
                },
            }).form();
            alert('end Validation');
            e.preventDefault();
        });
    });

    function postContent(postData){
        alert('postcontent: ' + postData);
    }
</script>