comment soumettre le formulaire uniquement si la validation est un succès

j'essaie de valider le formulaire avant de soumettre la demande.
je suis à l'aide de jquery validation

je suis dans l'attente lors de la finition de page de la charge, la forme automatique soumettre, et je vais voir "Chargement" dans le div.
mais rien ne se passe
voici mon code. mais il semble qu'il ne fonctionne pas..

<script type="text/javascript">

    function submitForm() {
        $('#SearchForm').validate({
            errorLabelContainer: "#ErrorLabel",
            rules: {
                instrument: {
                    required: true,
                    maxlength: 10
                }
            },
            messages: {
                maxlength: "Must no longer than 10 characters",
                required: "Must not be empty"
            },

            submitHandler: function () { $('#SearchForm').submit(); }
        });
    }

    $(document).ready(function () {
        $('#SearchForm').submit(function () {
            $('#DivToUpdate').text('Loading ...');
        });
        submitForm();
    });
</script>

ll

utiliser return true/false dans votre méthode
non.. ça ne fonctionne pas

OriginalL'auteur jojo | 2012-06-09

  1. 4

    Fait un petit de Travail démo http://jsfiddle.net/CRfuZ/

    2 choses: essayez de mettre invalidHandler et passer form à la submitHandler

    Dans la démo ci-dessus si vous entrez plus de maxlenght 10 la halbert dans invalidHandler capture.

    Reste hésitez pas à jouer avec la démo.

    Cela permettra, espérons-le 🙂

    lien: http://docs.jquery.com/Plugins/Validation/validate

    COde

    jQuery(function($) {
    $("#form").validate({
        debug: false,
        focusInvalid: false,
        onfocusout: false,
        onkeyup: false,
        onclick: false,
        rules: {
            instrument: {
                required: true,
                maxlength: 10
            },
        },
        messages: {
            maxlength: "Must no longer than 10 characters",
            required: "Must not be empty"
        },
        success: function(label) {
            alert('succes:' + label);
        },
        submitHandler: function(form) {
            alert('start submitHandler');
            postContent('test');
            alert('end submitHandler');
        },
        invalidHandler: function(form, validator) {
            alert('invalidHandler');
        },
    });
});


function postContent(postData) {
    alert('postcontent: ' + postData);

}


​

    OriginalL'auteur Tats_innit

  2. 1

    À l'aide du code ci-dessous peut permettre de résoudre votre problème ...

    <script type="text/javascript">
    jQuery(function ( $ ) {
            var $theForm = $( 'form' );
        $( '#DivToUpdate' ).text( 'Loading ...' );
        $theForm.validate({
            rules: {
                instrument : {
                    required: true,
                    maxlength: 10
                }
            }, messages: {
                maxlength : "Must no longer than 10 characters",
                required : "Must not be empty"
            }
        });
        if( $theForm.valid() ) {
            $theForm.submit(); //submitting the form
        }
    });
</script>

    Vous n'êtes pas censé utiliser submitHandler généralement ...

    Ajoutée: l'Exécution de l'exemple à jsfiddle.

    OriginalL'auteur rashid2538