Javascript Wie verwenden Sie das Dialogfeld Bestätigen onSubmit-mit zwei submit-buttons auf JSP

Meine form hat derzeit zwei submit-buttons. Eine für Search und die andere für eine Mark Complete Funktion. Ich muss zeigen Sie das Dialogfeld bestätigen, NUR wenn das "erledigt Markieren" - button geklickt wird, das Formular zu senden mit, dass die Validierung übergeben. Ist es möglich, zu identifizieren? Momentan habe ich die unten confirmComplete Funktion:

function confirmComplete() {
alert("confirmComplete");
var answer=confirm("Are you sure you want to continue");
if (answer==true)
  {
    return true;
  }
else
  {
    return false;
  }
}

Jede mögliche Hilfe würde geschätzt!

Sie können nur javascript - set legt die-Taste, um den regulären Tasten type="button" set jeweils ein onclick auf eine andere Funktion, und wenn Sie möchten, senden Sie das Formular nur mit javascript: [form_element].submit();
Ich habe zu halten Sie als type="submit" aufgrund anderer Funktionalität umgesetzt wird.

InformationsquelleAutor Richard | 2013-03-22

  1. 25

    Legen Sie die onclick Attribut der "Mark Complete" - Taste, um diese 

     onclick="return confirm('Are you sure you want to continue')"

    und entfernen Sie die confirmComplete Funktion von der form

    Vielen Dank, das funktioniert.

    InformationsquelleAutor Carlos Blanco

  2. 3

    Können Sie. Sie können Ihre Schaltflächen wie diese

    <input type="submit" value="Search" />
<input type="submit" value="Mark Complete" onclick="{return confirmComplete();}" />

    Wenn erledigt Markieren " Schaltfläche geklickt wird dann die confirmComplete - Funktion wird aufgerufen werden und wenn Benutzer sagt OK in der confirm-dialog dann nur das Formular eingereicht werden.

    InformationsquelleAutor Ravindra Gullapalli

  3. 1

    Müssen Sie die Veranstaltung aus, klicken Sie auf die Schaltfläche und nicht die form der Einreichung. Es gibt keine crossbrowser Weg, zu wissen, welche form eingereicht.

    InformationsquelleAutor epascarello

  4. 1

    So, hier ist eine bypass-Lösung:

    <form id="frm" action="page.php" method="post" onsubmit="return onSubmit();">
    <input />
    <input type="submit" value="sub1" onclick="sub1();" />
    <input type="submit" value="sub2" onclick="sub1();" />
</form>
 <script type="text/javascript">
<!--
var frm = document.getElementById('frm');
function onSubmit(){
    return false;
}

function sub1(){
    alert('s1');
    frm.submit();
}

function sub2(){
    alert('s2');

}
 //-->
 </script>
    Interessante Lösung. Die Rückgabe bestätigen-Methode, die unten gezeigt ist der einfachste Weg, dies zu tun.

    InformationsquelleAutor Adidi

  5. 0

    wenn Sie rufen Sie "confirm()" javascript-pop-up-Funktion , wie onclick="return confirm('Sind Sie sicher fortfahren?')" bestätigen Sie box bekommen angezeigt mit der Meldung "Sind Sie sicher, um fortfahren?" mit zwei Optionen 'ok' und 'Abbrechen'.wenn Sie auf ok klicken es true zurück und gehen Sie weiter, Ausführung der web Seite, oder wenn Sie auf Abbrechen false zurück und stoppen die weitere Ausführung der web-Seite.

    InformationsquelleAutor vishal kadam

  6. 0

    Ich weiß nicht, für ein input-tag, aber es hat nicht funktioniert für mich mit dem click-Ereignis direkt auf eine Taste. In meinem Fall, wurde das Formular gepostet rechten Weg.

    Hier ist eine mögliche Lösung für ein Formular mit vielen Knöpfen (für die nur einer von Ihnen muss die Anzeige der Bestätigungsmeldung)

    In der Ansicht:

    <FORM name="F_DESTINATION_DB" id="F_DESTINATION_DB" method="POST" onsubmit="return popConfirmationBox('<?php echo LanguageControler::getGeneralTranslation("DELETE_CONFIRMATION_MESSAGE", "Deleting is an irreversible action. Are you sure that you want to proceed to the deleting?");?> ','DELETE_DB_BUTTON')">

    Javascript (in externer Datei für die Wiederverwendung von code):

    /**
* Display a confirmation message box to validate if we must post the page or not.
*
* @param message String to display
* @param tagId String id of the tag that must display the message.
*
* @return Boolean (confirmation)
*/  
function popConfirmationBox(message, tagId){

    var confirmation = true;

    if (typeof tagId === 'string' && document.activeElement.id.toUpperCase() === tagId.toUpperCase()) {

        if (typeof message === 'string' && message.length > 0) {

            confirmation = window.confirm(message);
        }
    }

    return confirmation;
}

    Hatte ich eine sehr schwierige Zeit, dies zu erreichen (benötigte Menge Forschung und Tests), aber der resultierende code ist sehr einfach.

    Standardmäßig, gehe ich davon aus, dass die Bestätigung ja (falls die Schaltfläche nicht, die bedeutete, um die Mitteilung anzuzeigen, oder wenn der Benutzer nicht geben Sie einen gültigen string Nachricht).

    Zusätzlicher Hinweis: natürlich, dieser code wird nicht den trick tun, wenn der Benutzer browser blockieren client-seitigen code.

    Ich hoffe es wird jemandem helfen,

    Jonathan Parent-Lévesque aus Montreal

    InformationsquelleAutor Jonathan Parent Lévesque

Schreibe einen Kommentar