javascript - 如何使用 jQuery 单击按钮并弹出警报消息

标签 javascript jquery html

我无法弹出警报消息。我让所有其他 jQuery 代码都正常工作,所以我知道我正确链接了该库。难道是我把它放在文档中的什么地方才重要?

HTML:

<button type="button" class="cancelForm">Cancel</button>  

jQuery:

   $(".cancelForm").submit(function(){
     alert('Are you sure you want to cancel?');
   });

更新:仍然无法让它工作。稍后我会尝试重新标记。感谢您的提示。

$(".cancelForm").on('click', function(){
alert('Are you sure you want to cancel?');
});

最佳答案

您想要点击,而不是提交。

$(".cancelForm").click(function()

另外 - 将您的按钮的类称为其他名称(现在,它是“cancelForm”,这意味着它是一个表单,这会让您感到困惑 - 并且可能会让需要在您之后维护代码的开发人员感到困惑。

另外 - 使用 jquery 对话框显示消息,而不是alert()。

关于javascript - 如何使用 jQuery 单击按钮并弹出警报消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15605347/

相关文章:

javascript - 必须从三个不同的 HTML 表单中获取数量,并计算总价。我究竟做错了什么?

javascript - 在 ReactJS 中渲染/返回 HTML5 Canvas

javascript - jQuery .load() 不加载插件

javascript - 如何将图像从主页发送到另一个?

asp.net-mvc - ASP MVC 3 使用AJAX和JQUERY提交url参数

html - 想要使有序列表中的数字具有不同的颜色和大小

javascript - 表单值缓存如何在浏览器中工作?

javascript - 通过 Javascript 原型(prototype)继承重用代码

jquery - 如何在没有 flexbox 的情况下在 CSS 中构建锦标赛支架?

javascript - jquery失焦时隐藏元素