Tag: 表单

使用AJAX提交多个表单

我有一个包含几种forms的页面。 我想添加一个提交按钮,允许同时保存所有表单,如下图所示: ….form fields ….form fields ….form fields Submit All Forms function submitAll() { document.form1.submit(); document.form2.submit(); document.form3.submit(); } 我遇到的问题是,一旦第一个表单被提交,它就会将页面重定向到该表单的目标 – 我想拦截该重定向,以便我可以处理下一个表单。 我知道这可以通过AJAX完成,它可以以某种方式让我捕获返回的页面(如果我选择的话,忽略它),但我无法弄清楚如何在不映射表单中的每个字段的情况下执行此操作手动。 有人可以帮忙吗?

如何从视图代码/检查元素浏览器中隐藏表单代码?

我想从视图代码/检查元素浏览器中隐藏表单代码,我该怎么做? 这是我的代码,请看下面: Please wait redirect page …… setTimeout(function(){f1.submit();}, 3000); 请看图片

提交表单不会停止在jquery ajax调用中

我得到以下代码: $.ajax({ type: “POST”, async: false, url: “CheckIdExist”, data: param, success: function(result) { if (result == true){ return false; } }, error: function(error) { alert(error); return false; } }); 如果ajax返回值为true,则表单需要停止提交。 但它不会停止提交表格。 请帮忙。

MS MVCformsAJAXifying技术

我正在寻找最优雅的方式来ajaxify我的表单(使用jQuery)。 你怎么做到这一点?

在页面上删除文件时如何设置文件输入值?

我正在尝试创建一个控件,您可以在其中选择要在表单中提交的文件,并将文件放入其中以执行相同的操作。 我有这样的东西,如果它是一个图像,它也会显示该文件的预览: Select file or drop it here. 这是MCVE的小提琴 。 用户将文件放在preview-image-container 。 该文件未通过AJAX提交,用户需要提交包含更多数据的表单。 出于安全原因,我们不允许使用JavaScript更改输入文件的值。 但是,我知道默认输入文件支持droppable,并且有一堆网站让我们通过将它们放在表单中来选择文件,所以我的猜测是有一种方法可以做到这一点。 正如您从MCVE中看到的,我只对使用jQuery或纯JavaScript而不使用其他库感兴趣。 尽管可以使用dropzone.js ,但它不符合我的要求,并且需要花费大量的时间来定制其外观。 此外, dropzone.js具有某些在我的ASP.NET应用程序中无法满足的配置要求。 有一个类似的问题,但没有一个正确的答案: 如何在HTML格式的表单中将文件对象设置为输入文件? 因为我已经实现了拖放和预览操作,所以在上传之前也没有类似于拖放图像输入文件和预览 。 我的问题是特定于在父容器中删除文件时输入空文件的问题。

Javascript – 根据ajax响应停止表单提交

我想使用AJAX来确定表单的值是否可以接受(这不是表单validation)。 AJAX result将确定表单是否已提交。 下面,您将看到我在提交表单时执行AJAX调用,并根据返回的内容(可接受的空白或不可接受的错误消息),我想return true; 或者return false; $(“form”).submit 。 我怀疑我在AJAX的success:遇到了麻烦success: 。 请帮我从AJAX调用中获取result ,以便我可以执行if (result == “”) { return true; } else { return false; } if (result == “”) { return true; } else { return false; } if (result == “”) { return true; } else { return false; } 。 工作方式: $(“form”).submit(function(e) { […]

从Form input type =“submit”打开Fancybox(或equiv)

有没有办法让fancybox( http://fancy.klade.lv/ )或任何其他灯箱提交FORM(带图像按钮)? HTML看起来像这样: 这些不会做: $(“form”).fancybox(); $(“input”).fancybox(); $(“input[name=’weiter’]”).fancybox(); 有人发现我的错误或有变通方法或替代脚本? 提前致谢