如何防止在错误的按钮上提交表单，而只在正确的按钮上工作
在前端开发中，防止在错误的按钮上提交表单而只在正确的按钮上工作可以通过以下几种方式实现：
- 表单验证：在前端代码中添加表单验证逻辑，确保只有在正确的按钮点击时才能提交表单。可以使用HTML5的表单验证属性（如required、pattern等）或JavaScript框架（如jQuery Validation、VeeValidate等）来实现。通过验证用户输入的数据是否符合要求，只有在验证通过时才允许提交表单。
- 禁用错误按钮：在前端代码中，将错误的按钮设置为禁用状态，使其无法被点击。可以通过设置按钮的disabled属性为true来实现。只有正确的按钮被点击时，才将其设置为可用状态，从而确保只有正确的按钮可以提交表单。
- 事件绑定：在前端代码中，为正确的按钮绑定提交表单的事件，而为错误的按钮取消绑定或绑定其他事件。可以使用JavaScript框架（如jQuery、Vue.js、React等）来实现事件绑定。通过只为正确的按钮绑定提交表单的事件，可以防止在错误的按钮上提交表单。
- 提示和反馈：在前端界面中，给用户提供明确的提示和反馈，以避免误操作。可以在正确的按钮上添加合适的文本或图标，以提示用户该按钮是用于提交表单的。同时，可以在错误的按钮上添加警告信息或禁用状态的样式，以提醒用户该按钮不能用于提交表单。
综上所述，通过表单验证、禁用错误按钮、事件绑定和提示反馈等方式，可以有效防止在错误的按钮上提交表单，而只在正确的按钮上工作。
腾讯云相关产品推荐：
- 腾讯云前端部署服务（https://cloud.tencent.com/product/sfe）
- 腾讯云云服务器（https://cloud.tencent.com/product/cvm）
- 腾讯云云函数（https://cloud.tencent.com/product/scf）
- 腾讯云内容分发网络（https://cloud.tencent.com/product/cdn）
- 腾讯云Web应用防火墙（https://cloud.tencent.com/product/waf）
相关·内容
1回答
我正在phonegap开发一个应用程序。在应用程序中，有一个包含两个文本字段和一个图像的页面。不提交按钮，因为我不想提交表单。所需的工作如下。
用户点击文本字段，下面图像上的键盘appears.clicking调用javascript(jquery > $.post())函数，该函数从文本字段中选择数据并发送给服务器(Json)。这意味着我没有提交表单.
虚拟键盘上的go按钮应该提交表单。但是在我的例子中，由于我没有提交表单，所以go按钮不工作，而且看起来也不合适。
我想摆脱button..either，它可能会忽略键盘或调用它不支持的jquery函数。
我在网上搜了很多东西。我了解到，
浏览 0提问于2012-02-03得票数 1
回答已采纳
我有一个ASP.NET Core2.0项目，在该项目中，我使用表单标记进行提交。现在，我想在表单提交中添加一些客户端验证。因此，我在表单上使用了onsubmit标记，如下所示：
<form id="formId" asp-action="ActionName" onsubmit="validationFunction(Event)">
我有一个这样的功能：
function validationFunction(e) {
//CheckStuff
e.preventDefault();
}
现在，当我提交表单时，函数会
浏览 2提问于2017-12-07得票数 0
回答已采纳
我的工作伙伴门户在动态365门户网站。
我在“上传结果”网页中包含了一个内容片段(qrcode扫描器)。此网页还在内容片段之后放置了一个实体表单。
当我加载网页时，内容片段和表单显示在网页上(如预期的那样)。
在填写所需的详细信息并提交表单后，内容片段不会隐藏在表单提交上。它仍然与成功消息一起显示在页面上。
我在网页实体表单的附加设置中添加了以下代码，
$(document).ready(function(){
$("#InsertButton").click(function(){ // onclick submit button
浏览 8提问于2022-03-24得票数 0
因此，我有一个提交到数据库的表单，如果用户单击submit按钮的次数超过once...with，我想防止超过一次提交，这似乎很容易完成，但是我发现没有一个解决方案对我有效，因为我正在使用jquery validationEngine插件来验证表单客户端。它也在观察我在第一次点击后试图禁用的按钮。
经过更多的谷歌搜索后，我终于想出了这个：
$('#speakerForm').validationEngine('attach', {
onValidationComplete: function(form, status){
if(status ==
浏览 0提问于2013-03-23得票数 1
回答已采纳
2回答
我正在设置一个带有“提交”按钮和“预览”按钮的表单。
提交按钮一切正常。但是，预览按钮确实会打开一个带有预览的新页面，但它也会提交到实际表单页上的相同预览，这不是我想要的，因为用户丢失了所有工作数据。
允许这样做的JQuery代码如下：
<script type="text/javascript">
jQuery(document).ready(function ($) {
$( ":button" ).click(function(){
var url = $(this).attr('data-url');
if(u
浏览 1提问于2014-02-01得票数 0
回答已采纳
我有一个使用jQuery验证插件的编辑表单。它是一个ASP.NET核心项目的一部分，也使用ASP.NET的不引人注目的验证插件。表单有两个提交按钮，发送到不同的处理程序服务器端：
提交更改
删除条目
“提交更改”工作正常，但我希望“删除”按钮跳过任何客户端验证。目前，如果缺少任何必需的字段(或任何其他验证条件没有通过)，它将不会发布表单。
我尝试过“删除”按钮上的HTML5 formnovalidate属性，但没有成功。在jQuery验证插件中是否有类似的特性？如果不是，您将如何绕过验证仅针对特定的提交按钮？
编辑：
"Delete“按钮实际上在<form>
浏览 3提问于2020-10-11得票数 1
回答已采纳
2回答
我有一个带有按钮的表单，还有一些jquery来处理按钮的click事件。在IE中，单击事件运行，然后表单提交(因为自IE8以来的默认按钮行为是提交表单)。然而，在Chrome中，表单提交从未发生过。
$("#btnAdd").click(function () {
console.log('clicked');
$("#btnAdd").prop('disabled', true);
});
<form>
<button id="btnAdd">Add</bu
浏览 8提问于2014-10-31得票数 0
2回答
我使用jQuery通过一个两步的表单前进。首先输入一个URL，然后输入电子邮件，然后提交表单。
一旦提交，表单应该重新设置。因此，submit按钮被替换为“Next”按钮(从第一步开始)，电子邮件输入字段被替换为URL输入字段。
所有操作都很好，除非提交表单并单击“下一步”按钮，否则表单将尝试提交，从而产生错误消息。
进程: 1。输入URL 2。点击'Next Button‘3。URL输入字段消失，电子邮件输入字段在4中消失。输入电子邮件5。单击submit 6。表单提交正确7。输入字段和按钮重置正确8。输入URL 9。单击'Next’10。错误-表单尝试提交。
为什么表单尝试
浏览 3提问于2015-08-25得票数 0
回答已采纳
如果我的解释不好，我很抱歉，我是编程新手……
我目前在一个叫Clickfunnels的网站上使用代码。
下面是代码的工作方式：
当我单击submit按钮时，表单提交，重定向到当前选项卡上的另一个站点，同时打开一个新选项卡到不同的目的地。
代码是这样的：
<form action="LINK GOES HERE" target="_blank">
<a href="#"></a>
</form>
<script>
$('a').click(function ()
浏览 0提问于2021-05-08得票数 0
我在一个充当按钮的HTML表单中有一个简单的图像。当一个普通的按钮被点击时，我使用onClick属性来操作，但是对于我的图片，当你点击它们时，onClick可以工作，但是图片也会提交表单，而实际上它不应该提交表单。
我的代码：
<input type="image" id="button" value="Assign" src="/Images/rightarrow.png" alt="Assign Selected Rule" class="imgAssignUnassign" onclic
浏览 0提问于2012-01-24得票数 0
回答已采纳
3回答
我最近发现了一个教程，关于如何消除由于不耐烦的人点击提交按钮几次而导致的多个html表单提交的可能性，它是这样写的：
为按钮指定id，如下所示：
<input type="submit" value="Submit" id="myButton" />
然后在form标记中添加几行：
onsubmit="document.getElementById('myButton').disabled=true;
document.getElementById('myButton').value='
浏览 0提问于2014-05-08得票数 0
6回答
我希望阻止使用jQuery提交表单，而是在用户想要提交表单时运行函数。
下面是我的表单标记：
<form action="" method="post" id="msg-form">
<p><textarea name="msg"></textarea><input type="submit" value="Send"></p>
</form>
和我的Javascript代码：
$('#msg-for
浏览 2提问于2012-01-05得票数 2
回答已采纳
3回答
我在JQuery中创建了这个函数：
function CheckRequired() {
var ret = true;
$(".required").each( function() {
var check = $(this).val();
if(check == '') {
//alert($(this).attr("id"));
ret = false;
}
});
if(!ret) {
al
浏览 0提问于2015-02-11得票数 0
回答已采纳
1回答
我有一个多页表单，我用$_SESSION['current_page']跟踪用户在不同页面上的位置，它将在每个新页面上重新初始化
<?php // page1.php
$current_page = 1;
$_SESSION['current_page'] = $current_page;
...
?>
我使用$_SESSION['current_page']来正确处理每个表单的提交，并重定向到下一页。然而，如果用户在浏览器上点击后退按钮，例如，在页面2上:她将被移动到页面1的缓存版本，而存储在$_SESSION['c
浏览 1提问于2015-02-26得票数 0
1回答
下面的代码用于修改提交按钮的外观和功能： $('[data-image-upload-button]').click(function(){
if ($('[data-product-image-input]')[0].files.length > 0) {
$('[data-product-image-input]').remove()
$(this).prop('disabled', true)
$(this).text('Uploaded!&
浏览 15提问于2019-06-15得票数 0
我不明白为什么下面描述的提交事件没有在FireFox和IE上触发。好的，铬
$(“#框架-右”).on(“提交”、“表单”、函数(事件){警报(‘提交完成’) })；
你能帮帮我吗?
编辑
表单是通过按"submit“按钮提交的，但是表单包含在通过.load()函数加载的页面中，并且在定义上述函数时不存在。
FYI，在同一位置，我定义了这个功能，它在所有浏览器上都能正常工作。
$("#frame-right").on("click","a",function(event){
alert('link clicked'
浏览 3提问于2012-07-31得票数 0
回答已采纳
我对网络编程非常陌生，我无法解决这个问题。为了保持简单，说我有2页。第一页有一个带有两个选择框和一个提交按钮的表单。第二页有一个带有两个文本输入框和一个提交按钮的表单。提交第一页上的表单后，它将转到第二页，两个文本输入框将使用$_POST填充来自第一个表单的值。
我的问题是，当我提交第二个表单(提交的第二个页面)时，表单的$_POST变量是空的。
我以为这个值里的其他东西能解决这个问题。这是因为在提交了上一页中的$_POST之后，不再有值，我希望在提交后显示此窗体字段中的值(这仍然是第一个表单中的相同值)。我不仅希望它显示这些字段中的值，还希望将它们用于数据库查询(这就是为什么它们是空白的)。
浏览 3提问于2016-01-14得票数 0
回答已采纳
1回答
我一直在构建一个chrome扩展，并且一直在使用内容脚本来侦听表单提交事件。我正在测试我的扩展，它工作得很好，直到我在一个不起作用的网站上进行了测试。它不起作用的原因是因为表单按钮实际上不是一个带有提交操作的表单按钮。它实际上是一个带有href标记的<a>标记，该标记链接到"javascript:;"，因此不会触发提交事件。该链接位于表单内部，只是不是带有提交操作的按钮标记。如何确保在用户尝试提交表单时触发我的内容脚本？
浏览 1提问于2017-03-24得票数 0
我试图根据验证结果加载表单的部分内容。这是我使用的代码，它对表单上的所有按钮都是相同的。
$("#button").click(function(e){
e.preventDefault();
noPgLoad(this);
});
function noPgLoad(button){
$.ajax({
type: "POST",
url: url,
data : serialized_data,
success: function(data,textStatus,xhr){
$(
浏览 1提问于2011-05-04得票数 0
回答已采纳
一旦单击了表单上的任何按钮，我就很难重新设置ngForm的错误。即使在调用resetForm()方法之后，formDirective.submitted似乎也被切换为真。我不明白为什么调用formDirective.resetForm()并不具有预期的结果。
模板：
<button mat-raised-button color="primary" (click)="testClick()"></button>
构成部分：
@ViewChild(FormGroupDirective) queryFormDir: FormGroupDire
浏览 0提问于2019-02-14得票数 1
我一直在使用HTML5的按钮表单属性来让我的提交按钮显示在表单之外，并且仍然触发我的提交。
我的表单如下所示：
<article>
<header>This is my form</header>
<section>
<p>Something explaining what is happening on this form.</p>
<form id="myform" action="/submit" name="myform">
浏览 3提问于2013-05-22得票数 5
回答已采纳
5回答
有没有可能有一个不使用type="submit"标签呈现的asp按钮。我不想让按钮提交表单，所以我想让它作为type="button"提交。也许用一种更好的方式来表达我的问题是:我如何阻止asp按钮提交？
浏览 3提问于2011-01-06得票数 12
回答已采纳
2回答
因此，我们的网站周围有很多表格，不幸的是需要一段时间才能提交。
我想要做的是编写一个通用脚本，该脚本在提交或单击提交按钮时将提交按钮替换为加载指示器，然后按照表单提交操作所做的任何重定向提交表单。
如果我使用jQuery替换表单提交中的按钮，它不会替换提交按钮，但仍然会提交表单。决定在.click()上执行此操作，这会导致加载指示器替换提交按钮，但表单不会提交。我还尝试用jQuery submit()函数替换提交按钮，然后放置一个提交按钮，并使提交按钮的父级提交，但都无济于事。
我也尝试过AJAX提交等等，但每种提交都有自己的问题。
目前我的代码是：
$("#content form
浏览 0提问于2012-11-14得票数 1
回答已采纳
1回答
我将结合使用Gravity Forms和自定义jquery代码。
jquery代码在提交表单之前为表单分配一个验证，如果缺少某些内容，则触发一个sweetalert。在第一次单击表单的submit按钮后，jquery验证生效并触发警报。
由于存在提交错误，gravity forms现在也会显示验证错误。
当填写所有必填字段并再次单击同一提交按钮时，jquery验证将不再分配给该按钮，也不会触发任何警报。为什么会这样呢？按钮的id仍然是相同的。
JS代码，它工作得很好，唯一的问题是，当表单处于验证错误状态时，它不再分配给重力表单的提交按钮。
jQuery( "#gform_submit_
浏览 15提问于2019-11-13得票数 0
回答已采纳
2回答
通过Ajax提交表单
、、、
我的问题很简单-
我正在使用jquery和ajax提交表单。当点击按钮时，数据被提交到数据库。
问题-如果用户单击提交两次，则数据库中有两个条目。我该如何解决这个问题呢？
我不能使用.one()，因为submit按钮调用了验证函数，如果发生错误，数据将不会被提交.So，用户必须再次调用相同的函数。
显然，我可以通过.success .but上的一个变量来实现，这个问题的最佳解决方案是什么？
谢谢你的帮助。
浏览 2提问于2015-12-09得票数 0
今天，我在我的‘ve应用程序中添加了crsf保护。
打印html for时，我生成随机令牌，并将其放入隐藏字段和用户会话中。
当表单提交时，我读取隐藏表单字段，并将其与用户会话中的令牌进行比较。
如果令牌匹配，表单提交可以继续。如果失败，将显示错误。
为了实现这一点，我使用了一个在web上找到的实现。提交表单后，此实现没有从会话中删除令牌。提交表单后，我决定从会话中删除令牌，因为它不再需要。
我现在遇到的问题是，当我提交一个表单，然后按下浏览器的后退按钮，再次提交表单时，错误就会出现(因为令牌已从用户会话中删除，但浏览器仍然将旧表单保存在浏览器缓存中，并使用旧的令牌显示它)
浏览 0提问于2013-05-15得票数 1
回答已采纳
1回答
作为开发人员，当用户使用React最终表单成功提交表单时，我希望禁用"Submit“按钮，如果用户在表单中输入新文本，则启用"Submit”按钮。
电流
变量pristine只在表单第一次加载时将禁用支柱设置为true，但当用户提交表单(而不是重新加载页面)时，变量pristine为false，为了禁用“提交”按钮，我希望它是true。
理想行为
在首次加载表单时禁用提交按钮。当用户输入文本或进行更改时启用提交按钮。在用户单击“提交”之后禁用“提交”按钮，如果用户在提交后输入更多更改，则应启用successful.The提交按钮。
当前行为示例
我的调查
我尝试使用最终表单提
浏览 1提问于2020-02-29得票数 1
回答已采纳
完整的故事是，我想禁用表单提交的提交按钮，以防止多个提交。其中一个问题是表单是ASP.Net MVC Ajax表单-- <% One (Ajax.BeginForm . %> )--所以它的javascript onSubmit事件已经设置好了，因此我不能在该事件中这样做。除非有一种方法可以用jQuery添加到提交事件中？我的测试显示$(“#form”).submit(.)取代了提交事件，从而扼杀了MVC的好东西。
因此，我所做的就是将按钮禁用代码附加到提交按钮的单击事件中。效果很好..。只是它扼杀了按钮的提交能力(除了按钮被禁用之外，没有其他事情发生)。我更进一步，使用jQuer
浏览 5提问于2010-08-06得票数 1
回答已采纳
1回答
提交表单后，用户单击“上一步”按钮，如何防止数据被重新提交。我读到的很多东西都表明，解决这个问题的方法是实现PRG“模式”。
我找到了这个网页，我想用它作为例子。
当我执行这段代码时，我仍然可以单击back按钮，然后重新单击submit按钮，让表单重新提交数据，即使它是重定向的。所以，我不明白这是如何阻止重新提交表单数据的。
那么，以这个页面为例，如何修改代码来防止这种行为呢？
浏览 0提问于2012-12-01得票数 1
回答已采纳
3回答
我有一个Save按钮，默认情况下，它提交一个表单。但是，我需要做的是(在某些情况下，这个问题被省略了)，而是在单击Save按钮时打开一个对话框。在该对话框中，Yes按钮将提交表单。我目前面临的问题是如何将表单的“提交”功能应用到按钮上。
form = document.getElementsByClassName('form_submit')[0];
formSubmitFunc = form.onSubmit;
// prevent the form from submitting normally, this will be done by the dialog
form
浏览 0提问于2021-08-16得票数 0
回答已采纳
我正在编写一个HTML表单，可能需要几秒钟才能提交。提交后，我想禁用表单中的一些字段。
我可以在表单的submit事件的处理程序中这样做，但这会在表单提交之前触发。如果禁用控件，则它们的值不包含在发送到服务器的post数据中。
我尝试过在我的处理程序中取消提交事件，从表单中删除我的submit事件处理程序，通过JavaScript提交表单，然后禁用控件，但问题是我需要知道用户单击哪个按钮提交表单。此信息在原始表单submit中，但显然不在我手动触发的信息中(因为没有单击按钮)。
我可以尝试将此信息复制到手动表单提交中，但是否有一种方法可以在表单提交后运行禁用代码？
浏览 2提问于2012-08-29得票数 14
回答已采纳
3回答
我有一个web应用程序，在一个特定的屏幕上，我必须确保用户使用鼠标单击按钮，而不是仅仅按enter或空格键。
我写了下面的代码：
$('button').keydown(function (e) {
if (e.which === 10 || e.which === 13 || e.which === 32) {
return false;
}
});
但是，这只适用于enter。仍然可以通过按按钮上的空格键提交表单。我只是想知道是什么导致了这种不一致，以及如何绕过它？
编辑：
示例提琴：。选中第二个复选框并在焦点位于按钮上时按enter将不起作
浏览 0提问于2013-02-16得票数 1
回答已采纳
我必须做以下工作：
当用户单击一个按钮时，显示一个在新模式表单中具有另一个表单的模式。如果用户单击“是”，则向用户询问一个问题。如果用户单击“是”，则继续上一个窗体的默认操作。如果用户单击“否”，则停止前一个窗体的默认操作。<代码>H 19</code>这对于“<code>E 110</>按钮代码>E 211</代码>”和“<code>E 112</code>提交<code>E 213</代码>”类型的按钮都适用。<code>H 214</code><
浏览 1提问于2020-08-24得票数 0
考虑以下形式：
<form action="/a" method="post">
<input name="x" type="text" onblur="myonblur(e)" />
<input name="y" type="text" />
<input name="submit" type="submit" value="Submit" />
</f
浏览 0提问于2009-04-13得票数 5
回答已采纳
我不会说英语，我在用谷歌翻译。
表单提交后的后退按钮出现问题，我使用vuejs显示内容和操作/验证表单，单击submit按钮被重定向到另一个操作。如果我在浏览器vuejs中单击后重新加载上一页，因此丢失了表单的数据，那么如何保存表单的数据而不使用“提交”按钮呢？我相信这个标签在这种情况下不适合我(我测试了它，但它没有工作)。
浏览 2提问于2018-08-24得票数 0
我不知道为什么这个简单的问题很难找到答案。这个Q/A是为了帮助像我这样的Javascript新手有选择地停止表单取消。
我只编写了一个非常简单的javascript函数：
myfunc()
{
if (conditionsatisfied)
{
$("#myform").submit();
return true;
else
{
alert ('there's a mistake on the form!');
return false;
}
}
浏览 2提问于2014-04-03得票数 0
2回答
当表单中的某个输入未填写或填写不正确时，我会尝试显示require弹出窗口。因此，为了实现这个目的，我创建了这个表单：
<form id="login">
<input class="form-control require" type="email" placeholder="username" ></input>
<button type="submit">
go
</button>
</form>
我把逻辑放在一个js函数中：
$(&#
浏览 18提问于2016-08-15得票数 0
由于jquery对话框的工作方式，当使用"confirm“对话框时，必须立即返回false，如果用户选择"Ok"，则触发表单提交。
因此，我使用以下代码：
function validoForm()
{
//some code here...
if (datosTdcIncompletos==true)
{
var $dialogTDC= $('<div></div>')
.html("TDC information inco
浏览 0提问于2010-10-11得票数 1
回答已采纳
我的表单有两个提交按钮，我需要知道哪个按钮是用来提交表单的。我希望表单的提交一旦提交就被禁用，以避免重复提交，我想使用内联Javascript。
我可以提交表单并禁用按钮，但该按钮的值未设置，因为它已被禁用，我需要设置该值，以便我知道哪个按钮用于提交表单。
submit按钮的id=为“submit_button”，我在表单标记上使用了这个：
onsubmit="submit_button.disabled = true; return true;"
浏览 2提问于2014-12-22得票数 0
1回答
防止在分布式站点上提交多个表单
、、、、
如何在不使用“服务器粘性”的情况下，防止在分布在多个服务器上的网站上提交多个表单？
目前，提交按钮和表单是禁用客户端的post，但我如何停止它的服务器端？如果表单可以发布到多个服务器(基于负载平衡)，如果令牌是在不同的服务器上生成的，我就不能匹配令牌。
我怎样才能在不强制用户总是发布到同一服务器的情况下防止这种情况？
浏览 0提问于2015-10-29得票数 0
我在一个“类似向导”的工作流中有几个ASP.NET webforms：
表格A提交，表格B重定向，表格B提交，表格C重定向，表格C重定向到Success.Aspx，告诉用户提交成功，数据库已经更新。
在这一点上，用户不应该能够返回到表格C和重新提交。但是，如果用户在Success.aspx上单击浏览器的“后退”按钮，则似乎没有服务器端事件在窗体C上触发。Page_Load不会再次触发。表单C是否知道它正在被重新访问，如果是的话，如何知道？
或者，如果表单C知道它正在被重新访问，那么在表单C上的服务器端提交处理程序中是否有一些设置会导致页面过期并将用户重定向到表单A？
P.S.我尝试在我的表单C
浏览 4提问于2016-11-03得票数 1
1回答
我有一个页面，它有一个带有添加按钮的待办事项列表的表单，在表单的页脚有提交和取消按钮。当我按下todolist中的add按钮时，Submit函数将被触发。如何停止在单击add按钮时触发提交函数调用
浏览 0提问于2020-10-06得票数 0
3回答
表单提交的问题
、、、
我有一个表单，可以很好地与mozilla和IE，但在谷歌chrome有一个小问题，我使用ajax来提交我的表单，这是没有提交按钮，在IE和Mozilla它的工作很好，但在谷歌chrome中，当我按下回车的表单提交和页面重定向到主页(这是另一个问题页面刷新操作在ajax中)，我如何停止页面提交的同时按回车按钮？
浏览 1提问于2009-02-25得票数 0
我在表达我的问题时遇到了困难。
基本上，当表单中的提交按钮被单击时，我希望禁用该按钮，并将按钮文本替换为一个令人敬畏的字体图标，直到POST请求通过。我有以下jquery。
$('div').on('click', '.btn-disabler', function() {
$(this).append("<i class='fa fa-spinner fa-pulse btn-loader'>").disable(true);
$(this).find('.btn-labe
浏览 13提问于2017-01-23得票数 0
我在enter keypress上有一个js事件，它工作得很好。但在此事件之后，它还会提交具有submit按钮的表单。如何在上一次按键事件后停止submit按钮获得焦点？
编辑:我不希望提交按钮在回车时提交，只在点击时提交。
浏览 2提问于2010-05-01得票数 5
我试图制作一个简单的“我的帐户”页面，在反应，用户可以编辑他/她的帐户详细信息。我有两个组件，导航条和表单本身，然而，表单的submit按钮在navbar组件中，而表单本身在accountdetails组件中。它们都共享一个父组件(App.js)。如何使屏幕右上角的按钮(编辑按钮)充当表单的提交按钮，使我的所有表单验证工作和用户不能提交不正确的数据。
您可以在这里找到相应的代码：
浏览 2提问于2021-09-05得票数 0
回答已采纳
2回答
我有以下jsp：
...
<script type="text/javascript">
$(function() {
// prevent multiple submissions
$('#saveCallListBtn').one("click", function() {
$('#callListForm').submit();
});
});
...
</script>
...
<form:form id="callListForm"
浏览 4提问于2015-11-25得票数 0
回答已采纳
我的页面上有几个输入字段文本：
<input type="text">
表单是在我按下输入其中一些时提交的，这正是我不想要的。是什么导致了这种行为？
我三次检查，我没有提交按钮(实际上我根本没有任何按钮)
浏览 3提问于2013-05-27得票数 1
回答已采纳
以下问题：
在我的网站上，我有两个表单。一个用于登录，一个用于主数据。我在主窗体中只有一个提交按钮。loginform在mainform提交时通过js提交。
这可以很好地工作。但在Safari中，我可以在焦点位于登录表单内时按Enter键。这将发送没有主表单的登录表单，因此我得到一个错误(它将我重定向到提交时请求的json的普通视图)。
是否可以禁用“按下enter键时”操作？
浏览 3提问于2009-12-15得票数 14
回答已采纳
在用户提交表单后，我试图在同一屏幕上显示所选项目。问题是，当我对按钮使用type=“按钮”而不是type=“提交”时，就不会检查所需的属性。是否有一种方法可以在表单提交后显示选定的项，并使用JavaScript检查所需的属性？
假设在不检查任何单选按钮的情况下按submit按钮时，会因为所需的属性而显示一个错误，当用户检查任何选项时，然后按下submit按钮后，该值将显示在输入旁边。
浏览 7提问于2022-05-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
