フォームの送信時に表示される警告を作成する

Question

送信ボタンをクリックすると警告が表示されるjavascriptで関数を作成しようとしています。私は警告を表示することができましたが、ページを開くとポップアップしますが、送信ボタンをクリックしても機能しません。 私は、このようなHTMLで関数を呼び出したjavascriptの

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

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

}

で作成された相続機能：

<script> 
orderTics(); 
</script> 

、私は非常に多く、まだ初心者だので、任意およびすべてのヒントになります大いに感謝してください

Answer 1

は、あなたはこのように提出する機能を使用することができますこのように：

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

バニラJS 方法でイベント：

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

注：あなたはevent.preventDefault();方法を使用する場合、フォームが目的のページにリダイレクトされませんが、でも場合は、警告ボックスでokボタンをクリックしてください。

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

バニラJS onclickイベント：

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

Answer 2

012 、

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

あなたはまた、別のページに行くからフォームを防ぐためにevent.preventDefault();メソッドを使用することができます。

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

バニラJS onsubmitイベント：

Answer 3

あなたは以下を使用することができます

最後に、あなたはちょうどこのように、送信ボタン上clickイベントを使用することができます。

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