12 Stimmen

ASP.NET MVC - Eine Bestätigungsschaltfläche mit einem Formular

Ich habe eine stark getippt Ansicht für mein Modell und was ich möchte ist, dass, wenn der Benutzer auf senden klickt, ein Bestätigungsfeld Pop-up bestätigt, dass der Benutzer in der Tat das Formular senden möchte, wenn sie abbrechen klicken, dann sollte es nicht die HttpPost Aktion für diese Ansicht, ist das möglich?

29voto

Hari Punkte 4456

Natürlich ist das möglich. Ich verwende gerne einen unauffälligen Ansatz. Hier ist ein vereinfachtes Beispiel:

jQuery(document).ready(function () {
  jQuery('[data-confirm]').click(function (e) {
    if (!confirm(jQuery(this).attr("data-confirm")))
    {
      e.preventDefault();
    }
  });
});

Dann müssen Sie nur noch ein data-confirm-Attribut zu Ihrem Submit-Button hinzufügen, zum Beispiel

<input type="submit" data-confirm="are u sure?" />

Natürlich können Sie dieses Attribut auch für Links, Schaltflächen usw. verwenden. Sie sind nicht auf Schaltflächen zum Absenden beschränkt, und wenn Sie später einen ausgefeilteren Bestätigungsdialog implementieren möchten, müssen Sie den Code nur an einer Stelle ersetzen.

5voto

balexandre Punkte 71124

Können Sie einen einfachen jQuery-Aufruf dafür hinzufügen.

am Ende der Ansicht hinzufügen:

<script type="text/javascript">

    $("form").submit(function() {

        return confirm('Are you sure?');

    });

</script>

oder fügen Sie eine

onsubmit="return confirm('Are you sure?');"

als neue Elementeigenschaft

5voto

Ravi Jain Punkte 1454
        function doSubmit()
        {                                 
                if(window.confirm("ARE YOU SURE TO PERFORM THIS ACTION"))
                {                       
                    return true;
                }
                else return false;                
        }

aufrufen doSubmit() Funktion bei onsubmit Ereignis der Form, Eg- onsubmit="return doSubmit()

0voto

WhiteboardDev Punkte 819

Ich glaube, dies kann getan werden, indem die Schaltfläche "Submit" mit Jquery überschrieben wird. Jquery .submit()

Auf diese Weise können Sie, wenn die Person auf "Absenden" klickt, eine Nachricht anzeigen und sie entweder absenden oder abbrechen.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X