Erstellen eines Alerts, der anzeigt, wenn das Formular gesendet wird

Question

Ich versuche eine Funktion in JavaScript zu erstellen, die eine Warnung erhält, wenn Sie auf die Schaltfläche zum Senden klicken. Ich habe es geschafft, dass die Warnung angezeigt wird, aber sie erscheint nur beim Öffnen der Seite, funktioniert aber nicht, wenn Sie auf die Senden-Schaltfläche klicken. here die Funktion erstellt i in Javascript

function orderTics(){ 
//creates alert 
var orderTotal=35; 

alert("Your order total is $"+orderTotal); 

}

ich die Funktion in html wie folgt aufgerufen:

<script> 
orderTics(); 
</script> 

Ich bin immer noch sehr viel ein Anfänger so jegliche und alle Tipps werden sehr geschätzt

Answer 1

Sie könnten die anschließend auf Funktion wie folgt verwendet werden:

$("form.class-name").on("submit", function() { 
    alert("I've been submitted."); 
}); 

Vanille JS onsubmit Ereignis:

document.querySelector("form.class-name").addEventListener("submit", function() { 
    alert("I've been submitted."); 
}, false); 

Sie auch die event.preventDefault(); Methode verwenden, können Sie das Formular, um zu verhindern, um eine andere Seite gehen, wie folgt:

$("form.class-name").on("submit", function(event) { 
    even.preventDefault(); 
    alert("Do stuff"); 
}); 

Vanille JS onsubmit Ereignis mit event.preventDefault(); Methode:

document.querySelector("form.class-name").addEventListener("submit", function(event) { 
    event.preventDefault(); 
    alert("I've been submitted."); 
}, false); 

HINWEIS: wenn Sie die event.preventDefault(); Methode das Formular verwendet wird nicht auf die Zielseite, umleiten auch wenn Sie auf die ok Schaltfläche in der Warnmeldung.

Schließlich können Sie nur den click Ereignis auf dem Submit-Button verwenden, wie folgt aus:

$("button.submit-button-class").on("click", function() { 
    alert("I've been clicked!"); 
}); 

Vanille JS onclick Ereignis:

document.querySelector("button.submit-button-class").addEventListener("click", function() { 
    alert("I've been clicked!"); 
}, false); 

Answer 2

Rufen Sie Ihre Funktion so:

<input type="button" value="myButton" onclick="orderTopics();"> 

Answer 3

Sie die unten verwenden können.

$("#FormSelector").on("submit", function() { 
    //Your code goes here 
});