Tag: form submit

在不重新运行jqueryvalidation的情况下检查表单是否有效: 使用jQuery Validate ，有没有办法确定表单是否有效而不重新validation表单。关于如何在使用jQuery Unobtrusive Validation时添加’submitHandler’函数的问题？，我正在监听invalid-form.validate事件，以便在表单经过validation并出现错误时向用户显示自定义错误。根据这个关于如何防止双击提交的问题，我在提交表单后禁用提交按钮，但仅当表单有效时，用户才能采取纠正措施并在表单清理后重新提交。现在问题是invalid-form.validate触发两次。由于invalid-form.validate事件在我的表单提交处理程序之前触发，我已经知道错误的数量。 .valid()方法是否会保留我可以针对该值检查的错误数，而不是重新validation表单。这是堆栈片段中的一个示例。在填写必填字段之前点击提交，您将看到两条错误消息。 $(“form”).validate(); // show message on invalid submission $(“form”).on(“invalid-form.validate”, function (event, validator) { var errors = validator.numberOfInvalids(); if (errors) { alert(‘There is a problem with ‘ + errors + ‘ fields.’); } }); // prevent double click form submission $(‘form’).submit(function () { […]

提交表格后留在页面上: 我正试图留在提交表单的当前页面。但不知怎的，它不起作用。我在互联网上找到了一些代码的和平，并把它放在一起。这是process.php文件：其余的代码，html和javascripts可以在jsfiddle上找到： jsfiddled代码 $(function(){ $(‘#contact’).validate({ submitHandler: function(form) { $(form).ajaxSubmit({ url: ‘process.php’, success: function() { $(‘#contact’).hide(); $(‘#contact-form’).append(“thanks test.”) } }); } }); }); 忘记提及现在发生的事情。我被重定向到process.php页面。

通过触发jQuery提交按钮提交表单不起作用: 我有一个有forms的页面。我有一个window.setTimeout，它将调用一个触发提交按钮的函数。超时设置为10秒。但是，如果时间已过，则调用该函数，但不提交表单。似乎提交按钮没有提交表单。请帮助如何使此function工作。我希望如果调用函数“SubmitForm”，它将提交按钮而不单击提交按钮。以下是我的代码。 HTML @model MVCViewState.Models.Product Create window.setTimeout(SubmitForm, 10000); function SubmitForm() { alert(‘called’); $(‘#btnSubmit’).submit(); } @using (Html.BeginForm(“Create”, “Products”, FormMethod.Post, new { id = “ProductForm” })) { @Html.ValidationSummary(true) Product @Html.LabelFor(model => model.Name) @Html.EditorFor(model => model.Name) @Html.ValidationMessageFor(model => model.Name) @Html.LabelFor(model => model.Description) @Html.EditorFor(model => model.Description) @Html.ValidationMessageFor(model => model.Description) } @Html.ActionLink(“Back to List”, […]

jQuery：在提交之前修改隐藏的表单字段值: 我在局部视图中使用以下代码（使用Spark）： 0 video(s) selected. ${video.Name} # using(Html.BeginForm(“YouTubeVideos”,”Profile”, FormMethod.Post, new { id = “youTubeForm” })) # { # } $(“.video_choice”).click(function() { $(this).toggleClass(‘selected’); var count = $(“.selected”).length; $(“#selectCount”).html(count); }); var options = { target: ‘#videos’, beforeSubmit: function(arr, form, opts) { var names = []; $(“.selected”).each(function() { names[names.length] = $(this).attr(‘id’); }); var namestring = names.join(“,”); $(“#video_names”).attr(‘value’,namestring); //alert(namestring); //arr[“video_names”] […]

ASP.net mvc在Jquery选项卡中进行表单validation: 我有一个简单的ASP.net mvc webite，它使用Jquery选项卡来布局内容。在其中一个选项卡中，我渲染了一个PartialView，它绑定到自己的模型，允许用户更新其系统设置细节。以下是正在呈现的部分视图的一部分： Your Companies Website Address. 这是提交方法： _ _ Public Function UsrCtlSystemSetup(ByVal btnSubmit As String, ByVal model As SystemSetupViewModel) As ActionResult model.SaveChanges() Return PartialView(“UsrCtlSystemSetup”, model) End Function 我遇到的问题是应该从这个方法返回什么。返回partialView只返回占据整个页面的partialview。我需要能够以某种方式将局部视图返回到保持jquery选项卡。这可能吗？我可以将RedirectToAction返回到父页面操作，但这意味着如果正在提交的partialviews模型中存在错误，我将无法显示它。希望这是有道理的。提前致谢

如何将post参数添加到手动表单提交？: 我想在一些复杂的检查后手动提交表格。由于检查涉及用户交互，因此不会同步完成整个检查过程。这是场景：用户点击一个按钮（HTML 标签）我阻止按钮的默认操作（表单提交）我做了一个复杂的检查。在检查过程的某个地方，我显示一个对话框并等待用户响应（这里，原始检查function继续并返回）我为该对话框提供了一个回调函数，当用户关闭它时会激活并运行（正面或负面结果）现在，我应该提交表单，但原始HTML 应该作为成功控件发布。换句话说，我应该将按钮标记的name添加为服务器的已发布参数之一。我使用jQuery的$(‘#form-id’).submit()方法。如何将元素的name添加到HTTP Post参数？

关闭表单提交时关闭打开的弹出窗口，然后单击父窗口: 我有一个父窗口，我在那里使用window.open（）打开一个弹出窗口，我正在使用window.opener方法监视该弹出窗口的返回。我在这里有两个问题：在我的弹出窗口中，有一个提交按钮，用于处理表单的提交function，我想等待提交完成并在提交时关闭此弹出窗口。提交表单并关闭弹出窗口后，我将获取其中一个文本框值，并在弹出窗口关闭后使用父窗口中的值自动模拟搜索。码： // parent window handling of information returned from the pop-up window function HandlePopupResult(value) { alert(“The field value is: ” + value); $(“input[value=’Search’]”).trigger(“click”); } //pop-up window handling of information to be returned to the parent window on submission $(“#myForm”).submit(function() { window.opener.HandlePopupResult($(“#field”).val()); window.close(); }); 所以我的问题是：如何确保提交已完成，以便我在父窗口中触发搜索点击并关闭此弹出窗口？请告诉我。我能够最终将信息正确地发送回我的父表单，但我只需要确保我的提交完成。有关确保在提交成功后才启动我的活动的任何建议？干杯。

jQuery如何通过输入文本字段使Enter（Return）充当Tab键，但最后触发提交按钮: 我已经阻止了Enter（返回）键，实际上，它在Tab键中被转换了。因此，当在输入文本字段内按下时，它将充当Tab键。这很好，但我需要它在最后一个字段中按下时触发提交按钮，下面是Enter键变异的代码： $(‘input’).keydown(function(event) { if(event.which == 13) { event.preventDefault(); $(this).nextAll(‘input:first’).focus(); } }); 表单代码是输入类型=“文本”的序列，最后是一个按钮类型=“提交” [编辑]实际上代码是这一个，取自jquery：在特定部分输入到Tab触发器。但我不知道为什么昨天工作不起作用： $(‘:text’).keydown(function(e) { if(e.keyCode == 13 && $(this).attr(‘type’) != ‘submit’) { e.preventDefault(); $(this).nextAll(‘input:first’).focus(); } });

Sails.js表示不提交任何数据的post: 最近我在发布表格时遇到了一个不寻常的问题。如果没有附件或附件图像文件大小小于100kb，表单post可以正常工作。但是当我尝试上传大于100kb的文件时，表单中没有任何元素被发布/提交。当我在console.log()中给出未定义的值。我无法理解导致问题的原因。控制台屏幕上不显示任何错误。有人可以帮忙解决这个问题吗？ var name = req.param(‘name’); console.log(name); 我得到的结果是undefined 。我在Windows 8.1上使用sails v0.10.5。我正在使用postgres作为我的数据库。

Firefox jQuery表单提交无效: var makeField = function(name, value) { return $(”).attr({ type: ‘hidden’, name: name, value: value }); }; $(‘.login’).on(‘click’, function() { var form = $(”).attr(‘method’, ‘POST’); form.append(makeField(‘n0’, ‘data1’)); form.append(makeField(‘n1’, ‘data2’)); form.append(makeField(‘n2’, ‘data3’)); $(document).append(form); form.submit(); }); 上面的代码在Safari，Chrome和Opera中运行正常，但是firefox忽略了form.submit(); 。我通过添加console.log(‘…’);测试上面的代码console.log(‘…’); 在提交调用的上方和下方，它执行时没有错误。我也试过调用$(form).submit(); ，我得到了同样不需要的结果。有没有人遇到这个，或者有解决方案？