问题标签 [onsubmit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
1765 浏览

javascript - 有没有办法在没有 onsubmit() 的情况下在提交时触发 javascript 函数

我希望编写一个 javascript 函数,当用户提交表单时将触发该函数,但是我没有对提交按钮的编辑访问权限,因此我可以添加 onsubmit 函数。我可以添加一个<script>标签,所以如果我可以检测到提​​交,那么我可以执行我的代码。有人知道怎么做吗?

0 投票
9 回答
110973 浏览

jquery - 应该 jQuery 的 $(form).submit(); 不在表单标签内触发 onSubmit?

我有以下内容:

当我单击“取消”按钮时,不会触发来自表单标签的 onsubmit。

这一行反而成功地提交了表单:$(button.form).submit();但跳过alert('here');了表单标记中的 onsubmit 。

这是正确的还是我做错了什么?

顺便说一句,在这种情况下,我想要这个功能,但我只是想知道我是否会在触发 onsubmit 的浏览器中遇到问题。

0 投票
18 回答
121072 浏览

javascript - 测试 value 是否是一个函数

我需要测试一个表单的值是否onsubmit是一个函数。格式通常为onsubmit="return valid();". 有没有办法判断这是否是一个函数,以及它是否可调用?使用 typeof 只是返回它是一个字符串,这对我没有多大帮助。

编辑:当然,我理解“返回有效();” 是一个字符串。我把replace它归结为“valid();”,甚至是“valid()”。我想知道其中任何一个是否是函数。

编辑:这是一些代码,可能有助于解释我的问题:

编辑 2:这是新代码。看来我仍然必须使用 eval,因为调用 form.submit() 不会触发现有的 onsubmits。

关于如何更好地做到这一点的建议?

0 投票
3 回答
10803 浏览

javascript - 即使侦听器函数返回 false,仍会提交表单

我试图弄清楚为什么这个 JavaScript 不会阻止表单被提交:

除非我将以下 onsubmit 属性添加到表单元素:

似乎单独的 addEventListener 方法应该可以解决问题。有什么想法吗?我在 Mac 上,在 Safari、Firefox 和 Opera 上遇到相同的结果。谢谢。

0 投票
3 回答
30348 浏览

javascript - JavaScript - 表单 OnSubmit 有效,但 Action 无效

在我的 上FORM,出于某种原因,我可以通过onsubmit但不使用来获取表单输入变量action

这有效:

这不起作用(this.city.value被发现为空)

为什么onsubmit能得到this.city.valueaction事件却不能呢?

0 投票
1 回答
1091 浏览

c# - .NET C# - 在页面验证后调用 javascript 方法?

我有一个简单的 javascript(基于 JQuery)方法,当用户提交一个 .net 网络表单时,它会做一些 css 魔术来显示/隐藏一些 div

我正在使用内置的 .net 控件验证,因此除了上面的 js 片段之外,我还需要运行 WebForm_DoPostBackWithOptions() 方法。然而,这个序列是我遇到的问题。我需要在上面的 js 代码触发之前进行验证(并且有效)(如果页面无效,我不想隐藏按钮)。

任何建议将不胜感激。

我的最终目标是让提交按钮消失(在成功验证后)并替换为另一个禁用并显示“请稍候...”的按钮。我已经谷歌了这个问题,但似乎每个人都有这个问题,但没有人有一个简单的答案。这里的社区总是有最好的答案,所以我想我会在这里发布我的问题。

谢谢!

0 投票
4 回答
4096 浏览

javascript - jQuery .submit 问题

我在使用 jQuery 时遇到了一点问题:我在.submit()表单上进行了定义,当我通过单击提交按钮提交表单时,甚至触发并且事情运行顺利,但是,当我使用时document.forms[0].submit(),事件没有得到触发,但表单提交!有什么理由吗?我该如何克服呢?

0 投票
2 回答
4036 浏览

javascript - OnSubmit 在 IE 8 中不起作用

在 Internet Explorer 6 中一切正常,但在 Internet Explorer 8 中却不行。我将感谢任何人的帮助。我想知道我应该改变什么才能让它在 IE8 中工作。

这是我在表单中使用的代码:

这是我正在使用的 javascript 代码:

谢谢

0 投票
1 回答
782 浏览

php - 通过输入按钮提交表单后我无法获得 xhrPost,我快疯了

它相当冗长,TLDR 版本低于文本的暴击墙。

设置:我们公司使用原型已经有一段时间了,最​​近才切换到dojo。我一直在转换很多很多 JS 并将一切恢复正常,然后我遇到了这个问题......

问题:我有一个带有上传文件字段的典型表单。(我没有使用 dijit,并且尝试了它们的多种变体 - 也许在 1.4 中不适合我,我会再试一次。)按下提交按钮后,我的意图是观察文件的上传进度,在原型中是一个简单的 ajax.PeriodicalUpdater 调用(基本上是 xhrGet/Post 一遍又一遍地运行)。再加上 apc.rfc1867 (例如:http ://www.phpriot.com/articles/php-ajax-file-uploads/3 )这变得很容易,基本上你发帖,并使用ajax来获取文件的当前进度.

这是我遇到实际问题的地方...... xhrPost() 在表单进入我所说的“提交模式”(页面正在假脱机和上传)后似乎不想运行。APC 实际上需要文件处于“提交模式”以轮询当前进度并通过 ajax 返回 %。

我尝试过的:只有一件事部分奏效。使用 onclick="" 调用 xhrPost() 紧跟 return false; 这个问题是我让它真正工作的唯一方法是单击提交按钮,然后单击一个单独的提交按钮并返回 false ......我认为这工作的原因是它开始了一个正常的提交,然后在它发送 xhrPost() 的上传过程以及 return false;。可能是重新开始上传,但可以肯定的是 APC 数据正在输入进度条,不幸的是,这不需要点击 2 次。此外,它也没有完成提交页面。

我在按钮或表单上使用 dojo.connect() 几乎没有成功。

我使用 onclick="" 几乎没有成功,除非 return false; 存在。

我使用 dojo.io.iframe 发送单独的请求收效甚微。

我在使用 dojox.file.FileUpload 方面收效甚微,并且还提出了大量它自己的问题。

代码片段

旧代码:

新代码:

APC 处理:

}

TLDR 版本:我需要一种方法来提交包含要上传的文件的表单,并同时发送 xhrPost(),但我没有尝试任何方法。唯一的另一个变量是 APC 必须知道试图上传的文件,而停止事件似乎完全阻碍了这一点。

0 投票
1 回答
492 浏览

asp.net - 为扩展按钮控件注册 onsubmit 语句时出现问题

嗨,我最近爱上了一个扩展的上传按钮控件,我在这里发现它与 aspnet 文件上传控件一起使用时,可以以类似 gmail 的方式执行上传。唯一的问题是当控件放置在页面上时,该页面上的任何按钮都会触发扩展控件的点击事件。

在查看源代码之前,我不知道为什么会发生这种情况。

据我所知,问题在于为页面表单上的所有控件注册“onsubmitstatement ”的控件,即“document.forms[0]”。现在我在创作自定义控件方面的经验非常有限,所以我为仅上传控件注册“onsubmitstatement”的所有努力都失败了,例如

谁能帮我?有没有办法只为这个控件注册 onsubmit 函数?