我在我的应用程序中使用表单验证。当我多次按enter键时，表单被多次提交。
下面是我的代码：
$.validate({
modules: 'security',
form: '#import-form',
validateOnBlur: false,
errorMessagePosition: 'element',
scrollToTopOnError: false,
language: {
requiredFields:
浏览 4提问于2016-07-27得票数 1
我的应用程序中有多个表单，
当用户在任何表单中多次单击提交按钮时，记录也会多次保存在数据库中吗？
我试过了，但是加载器在提交时点击了，但是在加载器显示之前，用户点击了多次提交？
1，这是我的表单html：
<form name="form" (ngSubmit)="f.form.valid && createUpdateTenantUser()" #f="ngForm" novalidate>
<div>
**Have some form field**
</div>
<button cl
浏览 2提问于2018-08-21得票数 0
1回答
我使用以下代码防止用户多次提交表单。它将隐藏提交按钮，并使用“请等待”文本使隐藏的div可见。
$(document).ready(function($) {
$('#form_id').on('submit', function(evt) {
$('#submit_button_id').hide();
$('#hidden_div_id').show();
});
});
但是，上述代码仅在用户单击“提交”按钮时才能工作。如果他们重复按ENTER键，表单将被多次提交。
是否有办法防止用户在提交表单时多
浏览 1提问于2018-04-26得票数 0
回答已采纳
4回答
html表单:发送时禁止重新提交
、、、、
我有这个表格：
<form action="" method="post" name="my_form">
<input type="text" name="my_input">
</form>
您可以通过按enter键来编写一些文本和提交。
我的问题是:当您多次按Enter键时，它也会多次发送到我的服务器。
有这样的解决方案：
onsubmit="my_button=true;return true;"
但是这些解决方案需要一个提交按钮。
有没有办法在不
浏览 0提问于2018-08-14得票数 0
1回答
这是我的代码：
var onloadCallback = function() {
$( "#submit" ).each(function() {
grecaptcha.render($( this ).attr('id'), {
'sitekey' : '6Lcjvi4UAAAAAIR7_ckItF2HfMEFHx427WUDdGDk',
'callback' : onsubmitforgotpass
});
});
浏览 0提问于2017-09-01得票数 0
2回答
我有一个表单，用户可能会多次提交。下面是我的submit事件中包含的代码。
当用户第一次提交表单时，一切都很好，done回调只执行一次。在每次提交表单时，都会执行done回调，但是表单多次被提交，而data参数是最近提交的数据。
var $form = $(e.currentTarget);
$.ajax({
url: $form.attr('action'),
data: $form.serialize(),
type: 'POST'
}.done(function(data) {
if (data.success === tr
浏览 0提问于2013-10-18得票数 1
回答已采纳
1回答
我正面临着IE的问题，表单被提交了很多次，比如点击提交按钮的no.of no.of。这是我的流程..
-> User enters the data in the form and upon click of submit button, will validate
the from
-> if form data is valid, will open a bootstrap confirm request modal to show the data that was
entered and will provide another c
浏览 0提问于2017-04-22得票数 0
在Drupal 8中，hook_form_alter()被多次调用:在页面加载、提交、执行自定义提交处理程序之后，以及返回到表单操作。
如何查看在哪个阶段调用hook_form_alter()？
浏览 0提问于2020-10-06得票数 0
我有一个表单，将提交多次，如果点击超过一次。我想禁止表单被多次提交。
下面是按钮：
<a style="float:right" onclick="javascript:document.forms['form1'].submit();" class="button"><span><bean:message key="common.continue"/></span></a>
任何帮助都将不胜感激
浏览 7提问于2017-05-11得票数 1
我有一个联系人表单，一旦执行了多次检查，就会提交数据。我的问题是，在提交之前，页面重定向，是否有方法等待服务器的响应。
if ( !form_error ) {
$form.submit();
}
message += '</ul>';
if ( message != '<ul></ul>' )
{
if($form_redirect.length)
{
window.location.href = $for
浏览 0提问于2016-10-21得票数 1
回答已采纳
6回答
当我提交表单时，我会在jQuery中显示一条消息。
当我多次提交时，我希望它只出现一次
$('form').submit(function(){
if ($('#title').val() != '' && $('#comment').val() != '')
$('form').append($('<span>').text('Bug sent').delay(4000).fadeOut(600));
el
浏览 2提问于2011-10-21得票数 1
回答已采纳
我想知道如何多次提交我的表单，以便用一个按钮打开多个标签。我的代码如下：
<form action="?" id="form1" target="_blank">
<a class="btn" href="javascript:;" onclick="submit_form();return false;">Submit</a>
</form>
<script>
function submit_form() {
for (i=1
浏览 0提问于2017-11-04得票数 2
我有这个html代码：
<form name="input" action="html_form_action.asp" method="post" id="formID">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>
<script>
for
浏览 1提问于2012-05-20得票数 0
回答已采纳
2回答
关于这个问题，我已经看到了很多解决方案。但这些都不能解决我的问题。当我使用：
$("form#sending-notice-form").unbind('submit').bind('submit', function (e) {
e.preventDefault();
..
});
然后，表单提交一次，但我的表单验证库不起作用。当我使用：
$("form#sending-notice-form").submit(function (e) {
e.preventDefault();
..
});
或
浏览 1提问于2017-01-02得票数 0
1回答
浏览器有一个很好的工具提示，当带有required属性的字段没有被填充时，它就会出现。
<!DOCTYPE html>
<form action="" method="post" accept-charset="utf-8">
<input type="text" name="name" placeholder="Your full name" required>
<input type="submit" onclick="this.
浏览 2提问于2012-07-08得票数 0
我正在使用以下代码来允许用户向在线公告板提交内容：
$('form').submit(function(){
var form = $(this);
var name = form.find("input[name='name']").val();
var code = form.find("input[name='code']").val();
var content = form.find("input
浏览 0提问于2020-06-09得票数 0
5回答
我正在尝试提交一个表单，在提交的同时，我调用了一个函数，这个函数是myOwnFun，它会运行。但是如果我长时间按enter键，表单提交就会重复，这是我不想要的。 这是代码.. <form class="user__answer-form">
<input type="text" name="useranswer" class="user__answer">
</form> const form = document.querySelector('.user__answer-
浏览 23提问于2019-04-17得票数 2
回答已采纳
我正在Oracle Apex版本18上创建一个应用程序，该应用程序接受用户的调查。为此，我在桌面上使用了form。但是，用户可以多次提交表单。有没有办法在表单提交后冻结提交按钮？
浏览 0提问于2019-10-11得票数 0
1回答
我是新来的酒瓶。
Forms.py：
class NoteForm(FlaskForm):
note = fields.TextAreaField("Note")
add_note = fields.SubmitField("Add Note")
router.py：
add_note_form = forms.NoteForm()
模板：
<div class="form-group">
{{ add_note_form.add_note}}
</div>
现在，如果我在很短的时间内多次单击add便条
浏览 4提问于2022-11-22得票数 0
回答已采纳
我在提交表单时禁用了提交按钮，以防止用户多次提交表单。
$(function ()
{
$("form").submit(function ()
{
$(":submit", this).attr("disabled", "disabled");
});
});
但是，如果客户端验证失败，我想再次启用该按钮。我使用的是asp.net mvc非侵入式客户端验证。
浏览 2提问于2011-04-06得票数 6
回答已采纳
1回答
我在同一页上有两个表单，我用下面的代码来防止每个表单被多次提交：
onclick="this.form.submit(); this.disabled=true;"
使用javascript，如果表单#1已经提交，我是否可以同样地阻止表单#2被提交，反之亦然？
浏览 3提问于2014-12-28得票数 0
我有一个名为#fileModal的Modal。“创建文件”按钮调用initCreateFile。这将从ajax调用(c# PartialView)获得一个表单，并将该表单加载到#fileModal中，然后显示该模式。其次，eventFileValidation然后为表单创建一个验证。最后，submitCreateEventFile使用.one附加一个侦听器，以防止多次提交。 有一些操作似乎会导致多个提交。首先，关闭#fileModal，然后使用“Create File”重新打开模式，然后提交表单将导致提交与打开模式的次数相等的提交，其中包含最新的表单数据。其次，如果validation在提交
浏览 14提问于2021-06-19得票数 0
1回答
禁用按钮多次提交
、、、
我已经创建了一个可视化的not部件，这意味着它没有form / body元素。我在the部件上有三个提交按钮。一次，只有三个按钮中的一个是可见的。这些按钮对添加到then部件上的多个控件执行验证，然后调用服务器端方法。
问题是，提交the部件需要时间，在此期间，用户可以多次按下提交按钮，这会导致应用程序出现故障。
我已经尝试过jQuery解决方案，比如在提交按钮中添加禁用属性，但它也阻止了webpart的提交。
阻止多次提交的任何帮助。
浏览 2提问于2013-03-16得票数 0
1回答
我的控制器中有一个动作，它提交了一个新模型。表单在一个模式弹出中，我需要一个完整的ajax验证。所有的工作，除了表单是多次连续提交。如果我删除了yiiActiveForm(' validate ')命令，它就能工作，但我需要它在提交之前进行验证。
$('#myformid').off('submit').on('submit', function(e){
e.preventDefault();
e.stopImmediatePropagation();
var form = $(this);
v
浏览 1提问于2019-02-11得票数 0
回答已采纳
8回答
如果有人多次点击其中一个提交按钮，我想防止多次提交。
unbind或undelgate在这种情况下，我的自定义函数do_some_stuff的调用只发生了一次，因为我尝试了一些jquery方法，但我认为我做错了什么。谢谢
$(function() {
$('div.ajax').delegate('form button', 'click', function(e) {
$(this).do_some_stuff();
e.preventDefault();
});
});
浏览 1提问于2012-03-15得票数 9
回答已采纳
这是我目前的代码(省略了库和其他不必要的部分)：
app = Flask(__name__)
class SearchForm(Form):
inputString = TextAreaField('', [validators.DataRequired()])
@app.route('/')
def index():
return render_template('Website.html')
@app.route('/results', method
浏览 0提问于2017-10-19得票数 7
回答已采纳
1回答
阻止表单多次提交
、、
我曾尝试使用vuejs创建一个表单，该表单最终使用来执行POST请求。但是，在表单验证期间，“提交”按钮不会禁用。我正在尝试阻止用户多次提交…
要重现的代码：
<div>
<form @submit.prevent="checkForm">
<input
type="submit"
:disabled="submitting"
:value="value"
>
</div>
其中：
checkForm( e )
浏览 15提问于2018-09-04得票数 3
回答已采纳
3回答
我想在表单提交按钮被单击后禁用它，以防止表单被多次提交。我使用以下代码禁用该按钮，并添加一个使其显示为禁用状态的类：
$("form button.primaryAction").click(function() {
$(this).prop("disabled", true).addClass('disabledBtn');
return true;
});
它在IE和Firefox中运行良好，但在Chrome17中表单不会被提交。我想我可以用以下代码替换上面的代码：
$("form button.primaryActi
浏览 1提问于2012-02-20得票数 2
回答已采纳
1回答
表单提交之后，任何次数的刷新都会将数据多次存储在db中。即。在提交之后，!empty($_POST)总是正确的。
如何在不重定向页面/url的情况下停止提交。因为我想呆在同一页。
我使用的是form_open()和form_submit() i代码点火器。
在望
<?php echo form_open("",array('method' => 'POST'));?>
/* form fields */
'Send', 'value' => 'Send Notificat
浏览 2提问于2016-07-04得票数 3
回答已采纳
3回答
防止重复提交表单
、、、
我有一个表单，其中有一个提交按钮。如果我点击这个提交按钮，那么JSON将通过AJAX发布到will服务：
$("#msform").submit(function (e) {
$.ajax({
url: 'https://example.com/webservice',
type: 'POST',
data: formData1,
crossDomain: true,
dataType: 'json',
jsonpCallba
浏览 28提问于2017-01-25得票数 1
回答已采纳
我试图停止提交按钮被多次点击，并多次上传相同的项目到MySQL。
因为验证不起作用，所以我根本无法按下提交按钮。这意味着我不能测试代码。
我正在运行相关的帖子以及，给你更多的信息。
到目前为止，我使用的是jQuery验证：
$("#UploadForm").validate({
errorLabelContainer: "#messageBox",
wrapper: "td",
rules: {
auction_description: {
required
浏览 0提问于2013-08-02得票数 0
我有一个ASP.NET MVC4视图。在视图中，我有
<form action="/myAction" method="post">
...
<input type="submit" value=" Save " onclick="this.disabled = true; this.value = ' Please wait... '; return true;" />
</form>
禁用该按钮后，表单将永远不会提交。但是，我想在用户
浏览 0提问于2013-01-29得票数 0
回答已采纳
我有个简单的按钮
<button [disabled]="!f.form.valid " type="submit">
Submit
</button>
在表单提交时，它将再次禁用以避免多次提交，但如果发生任何服务器错误(验证等)，它仍然处于禁用状态，如何再次启用它？
浏览 2提问于2016-06-17得票数 2
回答已采纳
3回答
目前，在我的项目中，jQuery表单提交存在一些问题。
我的项目包含一个通用的jQuery代码，它可以防止表单双重提交(例如，有人多次单击“提交”按钮)。
//prevent multiple form submissions
jQuery.fn.preventDoubleSubmission = function () {
$(document).on('submit', this, function (e) {
let $form = $(this);
if ($form.data('submitted') === t
浏览 4提问于2019-11-05得票数 3
回答已采纳
2回答
我有一个表单，我正试图阻止用户使用javascript进行双重提交。由于某些原因，即使处理程序函数返回false并且调用了event.preventDefault，表单仍然会多次提交。有人知道为什么吗？另外，我如何让它按预期的方式工作？
document.getElementById('my_form').addEventListener("submit", function(evt){
if ( validationFunction(document.getElementById('submit_button')) == false)
浏览 0提问于2016-06-30得票数 0
我有一个表单，我正在提交通过ajax调用。但是，当用户单击first按钮不止一次时，ajax调用每次都会在第一个ajax调用完成之前运行。因此，我想停止多次提交，直到第一个调用完成。这是我的ajax调用。
jQuery('#form1').submit(function(){
var form_data = jQuery(this).serializeArray();
form_data = JSON.stringify(form_data);
var url = 'My ajax URL';
jQuery.ajax({
浏览 1提问于2018-09-06得票数 1
回答已采纳
4回答
我正在做一个they应用程序，它使用jquery提交来请求一些数据，但我不希望人们在第一次提交表单后多次提交表单。所以我希望在一次提交之后，下一次提交在几秒钟内什么也不做。
$("#updatestock_form").submit(function(e){
// requesting my data..
});
我如何才能做到这一点？
浏览 0提问于2013-04-11得票数 6
回答已采纳
如果我在提交按钮上单击fast，表单将被提交两次或更多次。我的想法是用disabled属性来防止这种情况，但我需要每种形式的变量disableButon：
@Component({
selector: 'example',
template: `
<form (submit)="submit()" >
<--! Some Inputs -->
<button [disabled]="disableButton" type="submit"&g
浏览 3提问于2016-05-10得票数 21
我在MDI容器中有Form1，当我提交名称和年龄时，Form2会在同一个容器中打开，其中的名称和年龄都写在两个标签上，我可以任意多次这样做。
我的问题是如何从3 Form2中获取数据，并在单击.txt按钮时将其写入Form1文件。
浏览 1提问于2021-05-30得票数 0
回答已采纳
2回答
我在页面上有一个表单，它是一个输入字段。我希望用户能够点击enter提交表单。不幸的是，当使用enter提交表单时，表单会多次提交。我知道表单被多次提交，因为有多个POST请求被发送到服务器。它既发生在开发和生产中，也只是偶尔发生。
= form_for thing, remote: true do |f|
= f.text_field :name, placeholder: "hit enter to submit"
如果我向表单中添加一个f.submit，它将只提交一次。
这是Rails 5，其中包含了turbolinks和jquery_ujs，如果这有任何区别的话。
浏览 2提问于2017-02-04得票数 0
回答已采纳
3回答
如何在提交表单之前禁用按钮
、、、、
和代码：
$(".addtowatchlistform").submit(function(e) {
var data = $(this).serialize();
var url = $(this).attr("action");
var form = $(this); // Add this line
$.post(url, data, function(data) {
try {
data = JSON.parse(data);
$(form).children("button"
浏览 4提问于2017-07-21得票数 2
1回答
我有一个表单，我不想提交，直到HTML5验证发挥其魔力，显示的错误，等等。我有一个Save按钮绑定到一个点击功能。如果用户单击Save按钮，但发现错误(通过HTML验证)，则修复错误，然后再次单击Save按钮，表单将提交两次。如果错误显示和修复周期重复多次，则表单将多次提交。
下面的代码(也可以在中找到)演示了这一点。单击"Save“，而不填写名字/姓氏输入。然后填写输入并再次单击“保存”。您将从警报消息中看到消息#1到#3被重复两次。奇怪的是，验证函数在第一次单击(空名称框)时根本没有被调用，然后在条目有效时调用两次。
注意:如果在第一次单击"Save“之前填充了这些框，代码
浏览 0提问于2015-10-18得票数 0
回答已采纳
我使用的是jquery-steps.js，
我想要禁用提交按钮，当有人点击提交，并永远不会激活它，直到表单被提交。
原因是如果有人点击提交很多次，我会收到很多邮件！
注意:我的HTML文件没有包含submit按钮，它只显示在下面的js文件中
我的js文件看起来像这样。
$(function() {
$("#smart-form").steps( {
bodyTag:"fieldset", headerTag:"h2", bodyTag:"fieldset", transitionEffect:"sl
浏览 15提问于2016-06-17得票数 0
编辑25.07.2018:就像Pawnesh Kumar在回答中说的那样，这似乎是一个浏览器问题。如果我在火狐中多次点击这个按钮，下面的脚本只会发送一个POST请求，但是如果我在Chrome中做同样的操作，我每次点击就会得到一个POST请求。
但是，我可以在01:00在中复制这个问题。这意味着当我用安装Laravel时，如果我在登录表单中单击submit按钮两次，Firefox将发送2个请求。
为什么火狐有时发送多个POST 请求，有时只发送一个请求？
我有一个用户表
id | name
1 | John
其中字段id是主、整数、自动递增键.当我提交一个只有一个按钮的虚拟表单时，它将插入一
浏览 0提问于2018-07-15得票数 1
回答已采纳
1回答
这是我的表格：
<FORM id="webgrants" NAME="webgrants" action="updateDashPermissions.do" method="post" target="hidden-form">
<input type="hidden" name="property(userId)" value="">
<input type="hidden" name="property(da
浏览 2提问于2016-09-16得票数 0
回答已采纳
所以我有一个表单，我想在用户点击一次后禁用表单上的提交按钮，以防止多次提交，我想知道如何才能实现这个结果。所以代码是这样的：
<form id = "id" name= "blah" method = "post" onsubmit="$('input[type=submit]').attr('disabled', 'disabled');" ...>
items for the form goes here
<input title="Save"
浏览 0提问于2012-10-13得票数 0
回答已采纳
我已经编写了一个表单生成器和一个与该表单对应的表单提交处理程序。
我所做的是多次使用for循环呈现表单，然后将它们连接到一个变量中，然后将其显示在单个页面上。
每个表单都有单独的提交按钮。
但问题是，每当我按下任何表单的submit按钮时，我只得到在提交处理程序中的form_state中首先构建的表单。
现在，我已经使用了form_state，它似乎具有基于表单submit的正确的值集。
我需要提交处理程序中相应的表单值。我怎样才能做到这一点？
这是某种错误还是我做错了？
$form_markup = '';
foreach ($ids as $key => $val
浏览 0提问于2018-04-24得票数 0
在加载页面时，我使用的是自动提交的表单。body标签如下所示：
<body onload="submitForm()">
表单标签如下所示：
<form enctype="application/x-www-form-urlencoded" action="http://remote.url.com" method="POST">
而javascript (放在标题中)如下所示：
function submitForm(){
document.forms[0].submit();
retur
浏览 2提问于2014-03-26得票数 0
回答已采纳
1回答
请参考下面的小提琴。
<form method="get" action="/cart/add" target="top">
<input type="text" name="q" value="">
<input type="submit" value="Search Google">
</form>
var parent = document.getElementsByTagName("scri
浏览 2提问于2014-08-14得票数 0
回答已采纳
1回答
在我的项目中，当我提交表单时，我会多次使用相同的逻辑。每次提交时，我都会显示一个加载器，然后将其移除并显示错误/成功。 有没有办法定制一个钩子来避免它呢？ const [form, setForm] = useForm(initialState);
const [errors, setErrors] = useState({});
const [loading, setLoading] = useState(false);
async function submit() {
setLoading(true);
setErrors({});
const request = awa
浏览 11提问于2021-08-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
