javascript - 点击多次后如何提醒
问题描述
你好,我可爱的叠层,
经过大量研究并且没有可行的解决方案后,我想我会在这里试试运气。我有一个按钮,可以将用户的公式发布到我的服务器。但我最大的问题是,当用户点击他想要多少按钮时,我得到公式的频率与他点击它的频率一样高。
我的按钮和发送功能是:
echo "<form name=\"myForm\" method=\"POST\" action=\"aktenerfassung.php?id=$id&mandnr=$mandnr&countBeleg=$countBeleg\"> \n";
echo "<p align=\"center\"><input id=\"absenden\" align=\"center\" type=\"submit\" value=\"Fehler korrigieren\" name=\"B1\"></p> \n";
echo "</form> \n";
unset($clsAktenerfassung);
我的解决方案是:
$(function() {
$('absenden').on('click', function(e) {
var trigger = $(this),
clickCount = trigger.data('clickCount');
clickCount++;
trigger.data('clickCount', clickCount);
}
if(clickCount > 1) {
alert('schon einmal klicken')
}
});
但我仍然可以按我想要多少的按钮,但仍然没有收到警报。我什至没有收到来自 PHP 的错误消息。
这应该是警报:
if(clickCount > 1) {
alert('schon einmal klicken')
}
如果有任何不清楚的地方,或者您需要其他信息,或者这个帖子已经存在于 stackoverflow 中,请告诉我。
已经谢谢你了!!
解决方案
我遇到了同样的问题,而不是捕捉“超过 1 次点击”,我决定禁用该按钮并使用类似"Sending datas..."
. 我使用这个简单的代码通过 jQuery 实现了这一点:
$('form[name=myForm]').submit(function()
{
$('#absenden').attr("disabled", true);
$('#absenden').html("Sending datas...");
});
该事件在表单提交时触发,而不是在提交按钮上触发,因为用户可以使用 enter 或 return 键提交。
推荐阅读
- javascript - 将数据作为响应从 nodejs 服务器发送到 html 页面,以便以表格格式显示
- html - 无法设置日期
- flutter - Flutter_archive - 损坏的 zip 文件
- r - 如何使用 R 中数据框中的关键字创建表
- clock - ESP32 - 将主时钟频率输出到 CLK_OUT 引脚的代码?(ESP-IDF)
- file-upload - 我应该在主 graphql 服务器之外创建一个单独的文件上传服务器吗?
- python - 尝试从网站抓取时出现代码 500
- widget - Android系统更新删除所有小部件
- excel - 如何使用 VBA 从 SharePoint 加载/检索 Excel 工作簿?
- xunit - Xunit 是否可以使用 Memberdata 和其他数据类型作为参数?