submit 相关问题

问题是，当我单击提交按钮时，页面正在重新加载，从而阻止代码工作，尽管我有“event.preventDefault();”。 HTML：问题是，当我单击提交按钮时，页面正在重新加载，从而阻止代码工作，尽管我有“event.preventDefault();”。 HTML： <form class="links-add-container hidden"> <input type="text" class="links-name-input links-input" spellcheck="false" placeholder="Название ссылки" /> <input type="text" class="links-link-input links-input" spellcheck="false" placeholder="Ссылка" /> <button class="links-add-button button submit-button" type="submit"> <i class="fas fa-plus-square"></i> </button> </form> JS： const addLinkButton = document.querySelector(".links-add-button"); addLinkButton.addEventListener("click", addLink); function addLink(event) { event.preventDefault(); //the actual code. It doesn't work because of the page reload. } 我尝试更改“按钮”上按钮的类型，但这导致了另一个问题。页面不会重新加载，但代码不起作用。当我单击按钮时没有任何反应，甚至控制台中的错误也不会出现。我应该补充一点，这是我的旧代码，半年前我使用它时没有出现这样的问题。我很可能错过了一些明显的东西，但我不明白是什么。请帮忙。您的 JavaScript 事件侦听器似乎正确阻止了默认的表单提交行为。但是，该问题可能与您在表单中使用 <button> 有关。当表单中有 <button> 且未指定 type 属性时，它默认为 "submit"，导致表单提交。在您的情况下，您正在阻止默认行为，但由于按钮具有默认的 type "submit"，因此它可能仍会触发表单提交。要解决此问题，请将按钮的 type 属性明确设置为 "button" 以防止其触发表单提交： html <form class="links-add-container hidden"> <input type="text" class="links-name-input links-input" spellcheck="false" placeholder="Название ссылки" /> <input type="text" class="links-link-input links-input" spellcheck="false" placeholder="Ссылка" /> <button class="links-add-button button submit-button" type="button"> <i class="fas fa-plus-square"></i> </button> </form> 现在，使用 type="button"，单击按钮将不会触发表单提交，并且 addLink 函数内的 JavaScript 代码应该按预期工作。确保检查您的环境中是否有任何其他脚本或更改可能会影响行为，因为提供的代码应该会阻止提交表单。

javascript html submit form-submit preventdefault

回答 1 投票 0

PHP 表单在 POST 中使用不同的值提交？

我目前正在尝试使用 HTML/PHP 构建注册表单。由于某种原因，我输入的密码在发布时被替换为保存的密码，我不确定为什么。我的注册代码...

php html post submit

回答 1 投票 0

为extjs组件设置submitValue:false

我在运行时填写了组件作为表单的一部分：初始化组件() { 常量我=这个；分机申请（我，{ 项目： [ { xtype: '容器', ...

extjs submit

回答 1 投票 0

如何删除通过 perforce 添加到我的 AWS EC2 实例但似乎已被 perforce 遗忘的文件？

简单来说：我的 EC2 实例中有一些文件需要删除。它们是由 p4 添加的，但 p4 似乎并不知道它们在仓库中。结果，我不知道如何协调