指向特定目的地发送数据的操作。
“event.preventDefault();”不适用于提交按钮
问题是，当我单击提交按钮时，页面正在重新加载，从而阻止代码工作，尽管我有“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 代码应该按预期工作。 确保检查您的环境中是否有任何其他脚本或更改可能会影响行为，因为提供的代码应该会阻止提交表单。
我目前正在尝试使用 HTML/PHP 构建注册表单。由于某种原因，我输入的密码在发布时被替换为保存的密码，我不确定为什么。 我的注册代码...
我在运行时填写了组件作为表单的一部分： 初始化组件() { 常量我=这个； 分机申请（我，{ 项目： [ { xtype: '容器', ...
如何删除通过 perforce 添加到我的 AWS EC2 实例但似乎已被 perforce 遗忘的文件？
简单来说： 我的 EC2 实例中有一些文件需要删除。它们是由 p4 添加的，但 p4 似乎并不知道它们在仓库中。结果，我不知道如何协调
如果用户通过按住 Ctrl 键单击或按住 Shift 键单击提交表单，则重新加载当前页面
在 WooCommerce 的产品页面中，有时用户在按 Ctrl 或 Shift 键的同时单击“添加到购物车”按钮，以便在新选项卡/窗口中打开结果页面。 在这种情况下，我需要当前页面...
我正在使用 VS code 和 127.0.0.1:5500 上的实时服务器来可视化代码。 正确填写表格并按下提交按钮后，我没有看到网址发生变化。我也做...
我发生了一些奇怪的事情。我更新了我的应用程序并获得批准。当我下载它时，我惊讶地发现它是旧的应用程序。不是更新的那个。改进是无数的..所以我
在表单提交复选框中将值设置为“on”而不是“true”，我解释了在提交表单后如何将我的复选框值提交为“on”而不是true。 建议
我使用 HTML 制作了一个登录页面，并尝试使用表单将登录详细信息提交到 PHP 脚本。问题是，每当我单击提交按钮时，它只会重新加载页面，然后...
在两个输入字段中，一个是只输入一个字母并自动提交表格。为什么？
我正在开发一个 MERN 博客网站项目。在“写帖子”部分有两个输入字段。一个用于标题，另一个用于描述。 当我尝试写一篇文章时，标题可以写...
尝试提交表单而不填写必填字段时如何获得提示？ （不适用于 Firefox 移动版）
在 Firefox 移动版中提交表单而不填写必填字段时，我没有收到提示，显示缺少哪个字段。在 Windows 上的 Firefox 和 Android 上的 Chrome 中，我得到了一个工具...
我有一个提交表单，希望它在用户提交表单时打开一个新窗口，以便我可以在分析中跟踪它。 这是我正在使用的代码： 我有一个提交表单，希望它在用户提交表单时打开一个新窗口，以便我可以在分析中跟踪它。 这是我使用的代码： <form action="http://URL at mailchimp subscriber URL.com" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" onclick=window.open(google.html,'','scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');> <label for="name">Your Name</label><input type="text" value="" name="FNAME" class="required" id="mce-FNAME"> <br/> <br/> <label for="email">Your Email </label><input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL"> <br/> <br/> <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="submit"> </form> </div> 不需要Javascript，你只需要在你的表单标签中添加一个target="_blank"属性。 <form target="_blank" action="http://example.com" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" > 在使用弹出窗口显示数据库数据打印输出的基于 Web 的数据库应用程序中，这足以满足我们的需求（在 Chrome 48 中测试）： <form method="post" target="print_popup" action="/myFormProcessorInNewWindow.aspx" onsubmit="window.open('about:blank','print_popup','width=1000,height=800');"> 诀窍是将 target 标记上的 <form> 属性与 window.open 处理程序中的 onsubmit 调用中的第二个参数相匹配。 要获得与表单的target属性类似的效果，您还可以使用formtarget或input[type="submit]"的button[type="submit"]属性。 来自MDN： ...此属性是一个名称或关键字，指示在何处显示提交表单后收到的响应。这是浏览上下文（例如选项卡、窗口或内联框架）的名称或关键字。如果指定了此属性，它将覆盖元素的表单所有者的目标属性。以下关键字具有特殊含义： _self：将响应加载到与当前浏览上下文相同的浏览上下文中。如果未指定属性，则此值为默认值。 _blank：将响应加载到新的未命名浏览上下文中。 _parent：将响应加载到当前浏览器的父浏览上下文中。如果没有父级，此选项的行为方式与 _self 相同。 _top：将响应加载到顶级浏览上下文（即当前浏览上下文的祖先浏览上下文，没有父级）。如果没有父级，此选项的行为方式与 _self 相同。 onclick 可能不是附加该操作的最佳事件。任何时候任何人点击表格中的任何地方，它都会打开窗口。 <form action="..." ... onsubmit="window.open('google.html', '_blank', 'scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');return true;"> 您提供的代码需要更正。在表单标签中，您必须用双引号将 onClick 属性值括起来： "window.open('google.htm','','scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');" 您还需要注意window.open的第一个参数也应该用引号引起来。 我通常在全局范围内使用一个小的 jQuery 片段来在新选项卡/窗口中打开任何外部链接。我已经为我自己的站点添加了表单选择器，到目前为止它工作正常： // URL target $('a[href*="//"]:not([href*="'+ location.hostname +'"]),form[action*="//"]:not([href*="'+ location.hostname +'"]').attr('target','_blank'); 赞扬@Awerealis 的真实 php 弹出窗口解决方案。 但是在获得弹出窗口并使用它向我的数据库中插入数据之后，我遇到了让数据库条目的结果页面填满弹出窗口的进一步问题。我希望弹出窗口消失并使用新数据刷新原始（父）页面。 我通过以下方式实现了这一目标： 在父页面（从中发出弹出窗口），我将这段代码添加到元素： <script> window.onunload = refreshParent; function refreshParent() { window.opener.location.reload(); window.close(); } </script> 在弹出（子）窗口的末尾，我添加了： <script type="text/javascript"> window.close(); </script> 返回父页面后，将显示新数据，给人一种从弹出窗口调用 ajax 的感觉，这正是我一直在寻找的。 希望这对某人有帮助。 我相信这个 jquery 很适合你，请检查下面的代码。 这将使您的提交操作有效并在新选项卡中打开链接，无论您是想再次打开操作 url 还是新链接 jQuery('form').on('submit',function(e){ setTimeout(function () { window.open('https://www.google.com','_blank');}, 1000);});}) 这段代码对我来说很完美.. window.open 不适用于所有浏览器，谷歌它，你会找到一种检测正确对话类型的方法。 此外，将 onclick 调用移至输入按钮，使其仅在用户提交时触发。
我有一个 HTML5 提交按钮，我想将其转换为超链接以进行提交。有一个简单的方法吗？ 我有一个 HTML5 提交按钮，我想将其转换为超链接以进行提交。有没有简单的方法？ <button type="submit" name="signin" id="signin"> Send </button> 我需要从中提交的新自定义提交按钮 <a href="#"> <div class="button-1 valign-text-middle roboto-medium-white-16px"> Send-TEST </div> </a> 如果您希望提交按钮的行为看起来像一个超链接，只需对其进行样式设置使其看起来像一个带有 CSS 的超链接。 重置按钮的样式并按照您想要的方式设置样式。 您可以使用 a> 标签上的 <onclick 属性在单击超链接时执行 JavaScript 代码。 JavaScript 代码 document.getElementById('signin').click();在原始提交按钮上触发点击事件，这将提交表单。 如果您的提交按钮具有不同的 ID，请确保将“登录”替换为适当的 ID。 举个例子 <a href="#" onclick="document.getElementById('signin').click(); return false;"> <div class="button-1 valign-text-middle roboto-medium-white-16px"> Send-TEST </div> </a> 要将您的HTML5 提交按钮转换为超链接进行提交，您可以使用JavaScript 在超链接被点击时触发表单提交。我不认为像 Barmar 在评论中提到的那样内置任何东西。 这是一个 JS 的例子： HTML <form id="myForm" action="your-action-url" method="POST"> <!-- Your form fields here --> </form> <a href="#" onclick="document.getElementById('myForm').submit(); return false;"> <div class="button-1 valign-text-middle roboto-medium-white-16px"> Send-TEST </div> </a> 在本例中，我们有一个 ID 为 myForm 的 HTML 表单，其中包含您的表单字段。 action 属性指定应提交表单数据的 URL。 标签作为超链接，点击超链接时onclick属性触发JavaScript代码。 JavaScript 代码 document.getElementById('myForm').submit() 访问表单元素并提交它。 通过使用这种方法，点击“Send-TEST”超链接将触发表单提交，类似于点击原始提交按钮。确保将表单的 action 属性中的“your-action-url”替换为适当的 URL 以处理服务器上的表单提交。
1.txt 啊啊啊啊啊啊 bbbbbbbbbb cccccccccc …… 代码： `$post_data = array( 'user_data' => array( '用户名' => $用户名, '密码'=> $密码， 'max_connections' => $max_connectioni...
我已经按照我在教程中看到的内容为我的新站点编写了一个简单的 php 文件。不幸的是，当我在我的本地主机上发布网站时，提交按钮没有出现在页面中。可以...
关闭显示游戏结果的选项卡的按钮仅适用于显示的第一个条目，在选择另一个条目后它停止工作，是否有黑客攻击？
打开新选项卡后，一个 php 脚本会显示充满游戏结果的数据库的最新条目。这些是每月的事件，用户可以按年和月来选择事件。 最后是一个按钮...
重构表单字段和 Stimulus JS，以便不重复：每个表单字段一次数据操作
我有以下表格 <%= form_for( model, html: { :'data-controller' => '如果字段已更改，则启用提交按钮' } ) 做 |形式| %> <%= form.text_field(:title, :'
我在 Sendinblue（电子邮件营销平台）中创建一个表单，当潜在客户填写表单以订阅列表时，当他单击“提交”按钮时，以下隐藏字段是...
当用户在 React js 中提交表单时，用户如何将自己输入的数据接收到他的电子邮件中
我试过 YouTube 视频，但我一直看到的是 EmailJS 的视频，其中输入的表单数据被发送到管理员的电子邮件。 我想要的是用户将收到他自己输入的数据......