problème avec jquery.form.js et la prévention de la propagation des événements

Question

Je travaille sur un site unique avec le contenu coulissant.

J'utilise jquery.form.js et je l'aide de la suivante dans la tête pour initialiser le formulaire de contact / script:

<script type="text/javascript">
$(document).ready(function() { 

    $('#closeit').click(function(){
    $('.message').hide('slow');
    return false;
    });

    var options = { 
    target:        '#alert',
    }; 

    $('#contactForm').bind('submit', function() {
        $(this).ajaxSubmit(options);
        e.stopPropagation();
        return false;
    });


    $.fn.clearForm = function() {
      return this.each(function() {
        var type = this.type, tag = this.tagName.toLowerCase();
        if (tag == 'form')
          return $(':input',this).clearForm();
        if (type == 'text' || type == 'password' || tag == 'textarea')
          this.value = '';
        else if (type == 'checkbox' || type == 'radio')
          this.checked = false;
        else if (tag == 'select')
          this.selectedIndex = -1;
      });
    };  
</script>

J'utilise aussi ce qui suit pour empêcher la propagation d'événements lorsque l'utilisateur clique partout dans le formulaire:

$(function() {
    $('#email-form').click(fillForm);
});
function fillForm(e){
        e.stopPropagation();
        return false;
}

Mais quand je clique sur le bouton « Soumettre », le formulaire est pas soumis. Je ne peux pas penser comment résoudre ce problème afin que le formulaire est soumis sans le bouillonnement de l'événement.

Toute orientation / aide serait appréciée.

MTIA.

(Voici ma forme pour l'enregistrement:)

<form action="sendmemail.php" method="post" id="contactForm">
<ul>
    <li>
        <div class="field-row">
            <div class="field-name"><p>name:<span class="abbrev">*</span></div>
            <div class="field-box"><input type="text" class="allfields" name="name" id="name"/></div>
        </div>
    </li>
    <li>
        <div class="field-row">
            <div class="field-name"><p>email:<span class="abbrev">*</span></div>
            <div class="field-box"><input type="text" class="allfields" name="email" id="email"/></div>
        </div>
    </li>
    <li>
        <div class="field-row">
            <div class="field-name"><p>phone:<span class="abbrev">*</span></div>
            <div class="field-box"><input type="text" class="allfields" name="tele" id="tele"/></div>
        </div>
    </li>
    <li>
        <div class="field-row message-field">
            <div class="field-name"><p>message:<span class="abbrev">*</span></div>
            <div class="field-box">
                <textarea class="allfields messagetext" name="message" id="message"></textarea>
            </div>
        </div>
    </li>
    <li class="submitbutton">
        <input type="submit" name="submitbutton" id="submitbutton" value=" SUBMIT" />
    </li>
</ul>

Answer 1

Comment l'utilisateur va soumettre formulaire si vous même ne lui permets pas de cliquer en utilisant votre

$(function() {
    $('#email-form').click(fillForm);
});
function fillForm(e){
        e.stopPropagation();
        return false;
}

Answer 2

Avez-vous regardé l'exemple de ajaxSubmit sur la page d'accueil de jquery.form.js? http://jquery.malsup.com/form/#ajaxSubmit

$('#contactForm').submit(function() { 
    // inside event callbacks 'this' is the DOM element so we first 
    // wrap it in a jQuery object and then invoke ajaxSubmit 
    $(this).ajaxSubmit(options); 

    // !!! Important !!! 
    // always return false to prevent standard browser submit and page navigation 
    return false; 
}); 

Je ne sais pas quels événements vous attendez lorsque vous cliquez sur la forme, mais le fait que vous arrêtez la propagation des événements sous la forme peut conduire à arrêter le clic sur le bouton ainsi.