每当用户提交表单时，我都会收听该表单。我有两种方式提交我的表格。
单击提交的表单提交表单
当用户选择li时
当我单击要提交的表单按钮时，侦听器在File1.js中检测到它，但当用户单击li以使函数items_sold(event);执行时，表单提交，但侦听器不执行。
为什么会发生这种事？
<form class="shop_form" id="shop_form" method="get">
<input name="items" type="text" id="sh
浏览 0提问于2020-07-03得票数 1
回答已采纳
1回答
我有一张带附件的表格。加载文件并提交表单后，如果出现验证错误，将再次加载表单，但不会呈现我上传的文件，因此必须再次加载它。
我试过使用file_save_upload，但似乎不起作用。
$file_attach_set= file_save_upload('file_attachment1', array());
//$file_attach_setII = $form_state['values']['attc'];
$contextid = 150;
if(empty($file_attach_setII)){
浏览 0提问于2013-09-04得票数 0
我得到了一个只有一个字段的表单。此字段的类型为'managed_ field‘。当您点击“上传”按钮时，一个进度条将显示文件上传的进度。在此之后，您将需要提交表单以保存文件。
因为当您选择一个文件，然后单击表单提交按钮而不是“上传”按钮时，进度条不会显示。我想在上传(通过“上传”按钮)完成后触发表单提交。
我当前的表单如下所示：
$form['#attributes'] = array('enctype' => "multipart/form-data");
$form['pdf_upload'] = array(
浏览 2提问于2012-08-02得票数 5
回答已采纳
1回答
我遇到了一个只发生在IE11上的奇怪问题。我有以下表格：
<form id="myform" action="http://my.url.com/mypage" method="POST">
<a href="#" class="js-triggerFileInput">Send the file</a>
<input type="file" name="myfile" class="hidden js-inputFi
浏览 0提问于2019-05-30得票数 0
1回答
我使用带自定义按钮的Stripe签出，在成功返回令牌时无法让它提交我的表单。
这是我的HTML：
<form id="payment-form" action="{% url 'shipment:confirm' %}" method="POST">
{% csrf_token %}
</form>
<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
&l
浏览 3提问于2014-03-06得票数 0
回答已采纳
2回答
更改时提交Ajaxform
、、、、
我有一个Ajax表单，只要用户选择一个图像，我就需要提交它。问题是表单没有提交。请提供任何指导，我们将不胜感激
--表格
<form id="bgimageform" method="post" enctype="multipart/form-data" action="process.php">
<div class="uploadFile timelineUploadBG">
<input type="hidden" name = "
浏览 0提问于2015-08-22得票数 0
1回答
我试图触发表单提交，同时阻止提交。我的意思是:当您选择一个文件时，JS将尝试提交，但也会运行一个函数(onsubmit)来阻止该操作。
这就是我的代码(没有jQuery，只是想让它看起来像php)：
var $form, $file, $files;
$form = document.querySelector('form#form-1'),
$file = $form.querySelector('input[type="file"]'),
$files = null;
$file.onchange = function($e){
浏览 6提问于2017-10-02得票数 3
回答已采纳
2回答
我现在正在学习Symfony 4，我在控制器页面中偶然发现了这个关于文件上传的文档，我对此感到困惑。
public function new(Request $request)
{
$product = new Product();
$form = $this->createForm(ProductType::class, $product);
$form->handleRequest($request);
if ($form->isSubmitted() && $form->isValid()) {
/
浏览 35提问于2018-03-12得票数 0
在IE11中，使用普通的form.submit() JS函数，不会向服务器提交POST变量。Dev控制台显示POST参数为空。
当单击jQuery时，我使用.form-file-download触发事件：
$(".form-file-download").on("click",
".download-file",
function (){
$(this).parent().submit();
浏览 2提问于2016-09-30得票数 0
回答已采纳
我有以下几点：
<form class="form-horizontal" role="form" id="Validation" method="post" action="form.php">
<input class="form-control" type="text" name="hn" id="hostname" data-validation-regex-message="Please enter a
浏览 2提问于2014-03-03得票数 0
这是我的观点。
@using (Html.BeginForm("uploadimage",
"PatientDocumentsMain",
FormMethod.Post,
new { @Area = "PatientDocument", enctype =
"multipart/form-data"
浏览 2提问于2017-04-04得票数 0
回答已采纳
1回答
我为表单提交编写了一个事件侦听器，这给我带来了一些问题。在文本字段内按“enter”时，一切正常。但是，我有一个span (带background-image)，它也可以通过click事件提交表单。这是不能正常工作的，我不知道为什么。
下面是基本的HTML：
<form name="myForm">
<input type="text" name="search" />
<span id="search-button"></span>
</form>
下面是事件监
浏览 0提问于2010-10-02得票数 5
回答已采纳
2回答
当上载文件丢失时，表单不提交。
、、、、
当我尝试提交带有文件的表单时，当上传文件在被选中后但在提交表单(例如重命名文件)之前发生更改时，我会遇到问题。该表格根本不提交。这是我的示例代码：
<form action="test.htm" method="post" enctype="multipart/form-data" id="test">
<input type="file" name="file" />
<input type="submit" value="Su
浏览 2提问于2013-01-03得票数 0
我正在使用在中的特性
我的目标是让我的表单自动提交后，用户已经选择了一个文件。我不想让他们点击‘提交’。
到目前为止，我已经尝试过和解决方案。当不使用Jasny的fileinput.js时，这两个独奏都很好，但当我使用它时，它们却不起作用。
document.getElementById("file").onchange = function() {
document.getElementById("form").submit();
};
--
$('#file').change(function() {
$('#form&#
浏览 2提问于2014-03-16得票数 2
回答已采纳
jQuery打开我的表单操作，而不是在不更改页面的情况下提交表单。我现在要做的是，我不希望页面在提交表单时刷新，因为我希望在提交/加载进度条时集成它。谢谢你的帮助。
下面是用于验证和重定向的jQuery：
<script type="text/javascript" src="../javascript/jquery.js"></script>
<script type="text/javascript" src="../javascript/jquery.validate.js"></s
浏览 3提问于2013-08-30得票数 0
我正在使用react.js制作一个表单。我正在尝试使一个div出现，然后在表单提交后消失。我怎么才能正确地做到这一点呢？
当表单被提交时，我的代码现在只会带我到一个空白页面。
应要求更新
constructor(props) {
super(props)
this.state = {
messageConfirm: ''
}
this.handleInput1 = this.handleInput1.bind(this);
this.handleInput2 = this.handleInput2.bind(this);
浏览 1提问于2020-10-19得票数 2
回答已采纳
1回答
我有一个带按钮的剑道格子。当按下该按钮时，它会打开一个弹出窗口，其中包含文件选择输入和一个按钮，以便用户可以保存图像。我正在使用一个带有提交按钮的普通表单将我的表单发布到我的控制器。一切正常，正确的数据到达控制器，但随后页面刷新。我只想让弹出窗口关闭，网格和弹出窗口后面的整个页面保持原样。这是我的控制器：
[HttpPost]
public ActionResult SaveData(HttpPostedFileBase file, string id)
{
iResourceModel.SaveData(file, file.FileName);
浏览 0提问于2014-08-22得票数 0
2回答
我在jQuery中提交fire时遇到问题：
$(document).ready(function() {
$('#zestaw-edytuj-form').submit(function(e) {
e.preventDefault();
$('#ip_dilmarbundle_zestawytype_path').uploadify('upload');
});
浏览 0提问于2013-04-17得票数 0
2回答
我所要做的只是将论坛异步地发布到php页面，并返回它响应到特定id的内容。
当我第一次提交时，一切都如预期的那样工作。文本被发送到append.php，并在不刷新页面的情况下立即返回新的项目列表。
第二次提交文本时，似乎忽略了ajax内容。相反，它会带我到append.php并只显示列表。尽管它仍然提交表单并添加到数组中。这让我怀疑我的问题就在脚本中。
所以我的问题是，我的表单需要做什么才能不止一次地使用AJAX？
index.php
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=
浏览 1提问于2014-03-09得票数 0
回答已采纳
我正在用来提交表单。我想知道如何在提交表单后清除表单字段并打印成功消息。
我使用了var options =( clearForm: true }
但它并没有起作用
我的代码:-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<s
浏览 2提问于2013-02-26得票数 2
回答已采纳
使用uploadify自动提交用户文件，在我的控制器方法中，Request.Files"Name“一直返回null，但request.form不是null，当我设置断点并调试它时，我可以在request.form中看到该文件。我是不是遗漏了什么？我正在mvc2上测试它，但我计划在mvc4上使用它。
<link href="../../Content/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript
浏览 0提问于2012-12-14得票数 0
回答已采纳
我的目标:当我点击一个链接时，我希望将一个外部页面(带有图像上传表单)加载到一个jQuery UI对话框中，并让它提交AJAX样式。
My的问题：对话框加载外部PHP页面很好，我可以通过AJAX提交表单--使用这里显示的jQuery表单插件( ) --但是由于某种原因，AJAX提交在对话框中无法工作，只有当我直接查看页面时。它只是加载页面本身，就好像JS被关闭了一样。
下面是显示对话框的父页面：
port_edit.php (报头)
<script type="text/javascript" src="../common/js/jquery-1.4.2
浏览 3提问于2010-09-02得票数 1
3回答
您好，我需要验证一个file输入类型：
<form onsubmit="return validate()">
<input type="file" name="File" class="multi" />
<input type="file" name="File" class="multi" />
<input type="file" name="File" class="multi" /&
浏览 1提问于2013-02-11得票数 1
我正在使用这个jquery脚本在与PHPMailer一起使用的表单中安装文件上传进度条。一切都很好，除了表单提交后，没有重定向到表单操作文件(ACTION=" form -handler.php")，它仍然在同一页上，并且在达到100后进度条重置为0。表单已提交，文件也已成功附加，但不会重定向到" form -handler.php“。
HTML表单：
<FORM METHOD="POST" ACTION="form-handler.php" name="case-history" id="case-hist
浏览 16提问于2019-08-08得票数 0
在提交更新之前，我正在检查form中的值是否已被更改。如果更改了form中的所有其他控件，则将标识该控件，但不标识input type=file控件。下面是我正在尝试的示例，如果您尝试提交带有或不上载文件的form，则响应是它的not 。为什么这种行为只使用input type=file？为什么input type=file中的变化没有被识别？
var form_serialize = "";
$(function() {
form_serialize = $("#frmProfile").serialize();
})
$('.submit
浏览 2提问于2016-02-06得票数 2
回答已采纳
我想使用react-hotkeys hook中的useHotKeys提交一个带有react-hook-form的表单 我已经附加了一个代码沙箱来尝试这个。我想要在单击热键和单击提交按钮时提交表单。这可以做到吗？ https://codesandbox.io/s/react-hoot-form-usehotkeys-009rk?file=/src/App.js
浏览 50提问于2021-04-21得票数 0
回答已采纳
我希望使用提交输入触发文件输入中的单击，并提交表单本身。单击submit按钮将打开文件选择器窗口，关闭后表单将被提交。我用的是这个代码：
<?php
var_dump($_FILES);
echo "<br>".time();
?>
<!doctype html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
浏览 2提问于2013-08-07得票数 2
回答已采纳
我是Apostrophe的新手，正在尝试通过遵循教程在Apostrophe中创建一个带有文件附件的联系我们表单。
我还在我的index.js中创建了附件字段，它在管理面板中工作得很好。
现在，我正在尝试为提交文件的表单创建我自己的html。
//在lib/modules/contact-form-widgets/public/js/always.js中
apos.define('contact-form-widgets', {
extend: 'apostrophe-widgets',
construct: function(self, op
浏览 1提问于2018-11-20得票数 0
我有一个html表单，我想提交没有提交按钮。我应该使用什么事件侦听器？谢谢!
editProfile.html
<form class="edit-profile" enctype="multipart/form-data">
Upload Profile Image:
<Input type="file" name="profileImage" id="profileImage" onchange="this.form.submit()">
<
浏览 7提问于2016-01-02得票数 0
我在react-hook-form文档中检查这个示例：https://codesandbox.io/s/react-hook-form-v6-controller-qsd8r?file=/src/index.js 奇怪的是按钮没有type="submit"。但点击后仍会触发提交事件。 它如何知道哪个按钮是提交按钮？
浏览 16提问于2020-07-25得票数 4
回答已采纳
问题是我有一个远程表单，根据条件，我想转换成一个非远程表单(使用UJS)，然后提交。请注意，该表单有一个文件上传。
下面是详细信息:我最初使用以下命令呈现远程表单
= form_for @myobj, :url => {:action=>"remoteAction", :controller=>"myobjects"}, :remote => true do |f|
... (f.fields....)
它会生成HTML：
<form id="new_myobj" class="new_myobj"
浏览 3提问于2012-03-28得票数 17
1回答
我正在使用Flask开发一个web应用程序。我想在主页上放一个表单，允许用户上传文件并提交到服务器。
这是有效的：
<div class="jumbotron">
<div class="container">
<h1>Automatic Guitar Music Transcription</h1>
</div>
</div>
<div class="container">
<p class="lea
浏览 7提问于2017-06-26得票数 1
我试图通过App和提交一个表单。我知道这个错误：
java.lang.NullPointerException
at com.jaunt.UserAgent.a(SourceFile:2337)
at com.jaunt.UserAgent.send(SourceFile:887)
at com.jaunt.component.Form.submit(SourceFile:1263)
at ewohnat.server.parse.MyServlet.doJaunt(MyServlet.java:118)
当我试图运行这段代码时：
UserAgent userA
浏览 1提问于2014-02-13得票数 1
回答已采纳
作为reactJs的新手，正在努力理解如何调用带参数的箭头函数。
我在file1.js中定义了这个函数
const fetchSavedFilters = ({ tenantId, id }) => {
client.query({
query: GET_SAVED_FILTER,
variables: { tenantId: tenantId, id: id, },
fetchPolicy: "network-only",
}).then(
resp => {
console.log(
浏览 7提问于2021-03-07得票数 0
1回答
我需要提交文件时，用户点击通过链接。
<div style="display: none;">
<form id="uploadimage" name="uploadimage" action="" method="post" enctype="multipart/form-data">
<input type="file" id="image" name="image" accept="ima
浏览 0提问于2015-08-26得票数 0
回答已采纳
我不确定这是纯粹的Rails问题还是有一些JS重叠。
我有一个表格，我是提交远程通过JS。它工作得很好，在提交之后，我在create.js.erb文件中有一些JS回调，等等。
问题是，现在我试图向混合文件中添加一个文件输入。现在，当表单提交时，请求将按预期处理(记录加载、上传文件处理等)。除了请求被切换到HTML，而不是JS之外，所以我随后被重定向，而不是调用JS。在我的控制器中的示例：
respond_to do |format|
format.html { redirect_to @record, notice: 'Record was successfully created
浏览 0提问于2020-11-08得票数 0
目前，我正试图通过JS和Ajax发布一个没有提交按钮的评论帖子，它可以工作。
问题是当文章提交时，页面重新加载到/post/:id/comment页面，我希望它呈现部分页面，而不是刷新整个页面，或者带我到另一个页面。我不熟悉JS，任何帮助都将不胜感激！
这就是我正在做的工作：
JS，用于输入发布
<script type="text/javascript" language="javascript">
$(function(){
$('textarea').keypress(function(e) {
i
浏览 11提问于2012-03-05得票数 2
我正在提交一个包含file_field的form_for。当表单通过post提交时，控制器将使用.js文件进行响应，该文件将被执行。
file_field是可选的。
当我上传一个文件时，js文件会在一个新的文档中打开(作为一个简单的文本文件)，并且js不会被执行。当我没有上传任何文件时，响应div会被更新。我希望在响应div或独立于文件上传的失败消息中通知更新成功。
这可能是出于某些安全原因？对于想要做到这一点的人，有什么解决办法吗？
粗略地说，
表单部分_action.html.erb：
<div id="response"></div>
<%=
浏览 0提问于2012-06-13得票数 3
回答已采纳
我这里有个小问题。我无法通过js将文件输入的内容发送到控制器，我正在使用'croppie‘插件在提交之前重新缩放图片大小。在使用这个js插件之前，我可以提交文件并保存它，但是现在，我可以提交模型中的所有值，但不能提交文件。我对js不在行，请帮帮我。 以下是输入和提交代码 <div class="col-md-10">
<input type="file" name="ImageUpload" id="ImageUpload" value="Select an image"
浏览 10提问于2020-01-24得票数 1
回答已采纳
3回答
我想要一个提交按钮，显示一个图标，而不是文本。该按钮是WTForms窗体中的一个字段。我正在使用启动带和开放图标的造型和图标。如何将提交字段设置为显示图标？
class MyForm(Form):
submit = SubmitField('')
{{ form.submit }}
指的是icon方法，但我找不到更多的信息。
浏览 0提问于2016-08-25得票数 6
回答已采纳
3回答
我有以下代码在弹出窗口中打开表单。我想在点击submit按钮后，在1250毫秒后弹出一个警报。这目前不起作用，因为页面被重定向到提交表单的结果。
<?php
$blah = "Well"; $test = "Done";
echo '<script type="text/javascript" src="fetchlayers.js"></script>';
$formcode = "<form action=\"process.php\" method=
浏览 2提问于2009-05-07得票数 0
1回答
我试图通过ajax提交表单，下面是表单。
<form class="form-vertical" method="POST" id="request-form" action="/post_handler?request=add_data" enctype="multipart/form-data">
<div class="form-group">
<label for="date_inp" class="control-label
浏览 3提问于2018-08-16得票数 1
回答已采纳
1回答
我有一个表单，是通过刺激控制器提交的。
#form.html.haml
= form_with url: my_url, multipart: true, data: { turbo_frame: 'document_table_content', turbo_action: 'advanced' } do |f|
= f.file_field 'documents[files]', multiple: true, direct_upload: true, data: { 'dropzone-target' =>
浏览 3提问于2022-06-28得票数 0
1回答
我一直在努力弄清楚如何使用这个jQuery表单插件来上传一个文件，但是它并没有做我需要它做的事情。
我有jQuery：
$('.upload-file').click(function()
{
$('#htmlForm').ajaxForm({
// target identifies the element(s) to update with the server response
target: '#htmlExampleTarget',
// success identi
浏览 1提问于2010-09-30得票数 0
回答已采纳
3回答
我正在使用Uploadify，在上传后提交一个表单给uploaded1.php时遇到了问题，它确实不会提交到那里，这是代码；
<script type="text/javascript" src="uploadify/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="uploadify/swfobject.js"></script>
<script type="text/javascri
浏览 0提问于2012-02-25得票数 0
回答已采纳
1回答
我提交的ajax文件有问题。似乎没有任何东西被提交到接收的php文件(变量和文件)。 这是我的表格： <form id="ProtocolForm" enctype="multipart/form-data" method="post">
<input name="ProtocolName" type="hidden" value="sdfsdf">
<input name="ProtocolType" type="hidden&#
浏览 15提问于2019-03-10得票数 0
回答已采纳
2回答
我尝试集成来自的文件输入插件。
下面是我的简单表单：
<form action="process.php" method="post" enctype="multipart/form-data">
<input id="krajee" type="file" name="file[]" multiple="true">
<input type="submit" name="submit" id="submit
浏览 1提问于2015-01-05得票数 3
我的django应用程序有一个表单视图，用于提交创建新帖子的信息，之后应该重定向到感谢页面。 def submit(request, slug):
account = get_object_or_404(Account, slug=slug)
if request.method == "POST":
# process the data and post form as JSON
ret = create_or_edit_post(request, account, post=None, duplicate=False)
浏览 13提问于2020-01-30得票数 0
3回答
我无法在更改输入时触发表单提交。我想我需要事件处理，但我从来没有真正学习过它是什么。
这是我的HTML：
<form action="/upload">
<input type="file" name="file">
</form>
这是我的JS：
$('input').change(function(e){
var closestForm=$(this).closest("form");
closestForm.submit(function(e) {
c
浏览 4提问于2012-09-28得票数 1
回答已采纳
我的html中有这段代码，我要上传三个文件。除非选择了文件，否则所有相应文件上载的提交按钮都会被禁用。
$(document).ready(
function() {
$('input:file').change(
function() {
if ($(this).val()) {
$('input:submit').attr('disabled', false);
}
}
);
});
<script src="https://
浏览 27提问于2018-06-25得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
