jQuery submit form ohne nachladen Seite

Ich bin nicht sehr vertraut mit jQuery. Ich bin versucht, ein Formular, das eingereicht wird, die im hintergrund ohne Neuladen der Seite.

Habe ich ein verstecktes div, das zeigt und verbirgt Sie auf klicken Sie auf, innerhalb des div gibt es ein Formular.

Habe ich zwei Probleme:

1) Wenn Sie die Formular-Validierung fehl, wird das Formular trotzdem abgeschickt. Ich versuchte, die Validierung und die übermittlung von codes in der Bedingung if(validation == valid) { $.ajax.... } aber es funktioniert nicht richtig.

2) Nachdem das Formular übermittelt wird, wird das div automatisch ausgeblendet, so erfolgreich die Nachricht kann nicht gesehen werden.

Hier der code:

$().ready(function() { 

    //Validate the form when it is submitted, using validation plugin.
    var validator = $("#contactform").validate({
        errorContainer: container,
        errorLabelContainer: $(),
    onkeyup: false,
    onclick: false,
    onfocusout: false,
    errorPlacement: function (error, element) { 
error.insertBefore(element);    
}   
    });
});

$(function() {

    //This submits a form
$('input[type=submit]').click(function() {
        $.ajax({
            type: "POST",
            url: "contact.php",
            data: $("#contactform").serialize(),
            beforeSend: function() {
                $('#result').html('<img src="loading.gif" />');
            },
            success: function(data) {
                $('#result').html(data);
            }

        })
    })
})


//This shows and hides div onclick
$(document).ready(function(){   
        $(".slidingDiv").hide(); 
        $(".show_hide").show(); 
    $('.show_hide').click(function(){ 
    $(".slidingDiv").slideToggle(); 
    });
});