2010-12-29 13 views
1

Ich habe ein Formular und onSubmit, ich pop-up ein div mit einem Link darauf, die im Wesentlichen sagt "Sind Sie sicher, dass Sie diese Daten übermitteln möchten?" (Es gibt andere Dinge in der Div, aber das ist nicht relevant - mit confirm() ist keine Option).Return Form Submit Nach JS Interstitial

Ich muss dann mit dem Formular-Vorlage, um fortzufahren, wenn sie den Link in der div Pop-up klicken:

<a href="" id="submitOverride">Yes, submit this data</a> 

Ich bin fest, wie das Formular Vorlage auf Klick auf diesen Link, um zurückzukehren.

Edit: Hier ist mein js & html so weit:

google.setOnLoadCallback(function() 
{ 
    $('#submit').click(function(e) { 
     acceptedProductCheck(e); 
    }); 
}); 

function acceptedProductCheck(e) 
{ 

    var needles = ['term1','term2','term3']; 
    var haystack = $('#subject').val().toLowerCase() + ('#question').val().toLowerCase(); 
    haystack = haystack.split(' '); 

    // check to see if #subject or #question contains 
    // a trigger term - if so, pop the div 
    for (keyA in haystack) { 
     for (keyB in needles) { 
      if(haystack[keyA] == needles[keyB]) { 
       showProductConfirmMessage(e); 
      } 
     } 
    } 

    return true; 
} 

function showProductConfirmMessage(e) 
{ 
    e.preventDefault(); 

    $('#support').hide(); 
    $('#contactUs').slideUp('fast', function() { 
     $('#productCheck').slideDown('fast'); 
    }); 

    $("#submitOverride").click(function(){ 
     $('form#contactUs').submit(); 
    }); 
} 

Und die HTML ist ziemlich einfach. Es ist im Grunde meine Form mit dem versteckten Div, das gezeigt wird.

<form id="contactUs"> 
    ... 
</form> 

<div id="#productCheck"> 
    <a href="" id="submitOverride">Yes, submit this data</a> 
</div> 

Nur eine kurze Notiz für jemanden anderen, der dies liest:

war ich nur in der Lage dies durch den Absenden-Button entfernen zu arbeiten und es mit nur einem normalen Knopf zu ersetzen. Ich bin mir nicht sicher, warum es wichtig war, einen Submit-Button zu haben, aber wenn er vorhanden war, würde .submit() nicht funktionieren.

+0

könnte hilfreich sein, um zu sehen, wie Sie Ihre HTML gelegt aus – hunter

+0

JS und HTML hinzugefügt. – doremi

Antwort

0

allererst ein leeres Hash in Ihrem link href Attribute:

<a href="#" id="submitOverride">Yes, submit this data</a> 

Und in Ihrem Link klicken Ereignis, return false:

$("#submitOverride").click(function(){ 
    $('form#contactUs').submit(); 
    return false; 
});