Question

我试图在javascript中创建一个函数，当您单击“提交”按钮时，该函数会显示警告。我设法得到警告显示，但它只在您打开页面时弹出，但在您单击提交按钮时不起作用。继承了我在javascript中创建的功能

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

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

}

我在html中调用了这个函数：

<script>
orderTics();
</script>

我还是一个非常初学者，所以任何和所有提示都将不胜感激

Answer 1

您可以使用以下内容。

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

Answer 2

按照以下方式调用您的函数：

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

Answer 3

你可以像这样使用on submit函数：

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

Vanilla JS onsubmit事件：

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

您还可以使用event.preventDefault();方法阻止表单转到另一个页面，如下所示：

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

带有onsubmit方法的Vanilla JS event.preventDefault();事件：

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

注意：当您使用event.preventDefault();方法时，表单不会重定向到目标页面，即使您单击ok警报框中的按钮。

最后，你可以在提交按钮上使用click事件，如下所示：

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

Vanilla JS onclick事件：

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

创建一个警报，显示何时提交表单

3 个答案: